以下の手順を実行することで、ディレクトリ内の各ファイルに対応することができます。
-
Laravel Mixのインストール: Laravel Mixを使用するには、まずLaravelプロジェクトにLaravel Mixをインストールする必要があります。以下のコマンドを使用して、Laravel Mixをインストールします。
npm install laravel-mix --save-dev
-
webpack.mix.jsファイルの作成: プロジェクトのルートディレクトリに、
webpack.mix.js
というファイルを作成します。このファイルは、Laravel Mixの設定を含むJavaScriptファイルです。touch webpack.mix.js
-
ファイルのコンパイル設定:
webpack.mix.js
ファイルを開き、以下のように設定を追加します。const mix = require('laravel-mix'); mix.setPublicPath('public') .js('resources/js/app.js', 'public/js') .sass('resources/sass/app.scss', 'public/css') // 他のファイルに対しても同様にコンパイル設定を追加します .version();
上記の例では、
resources/js/app.js
とresources/sass/app.scss
がコンパイルされ、public/js
とpublic/css
ディレクトリにそれぞれ出力されます。他のファイルに対しても同様に設定を追加してください。 -
コンパイルの実行:
webpack.mix.js
ファイルに必要なコンパイル設定を追加したら、以下のコマンドを実行してコンパイルを開始します。npx mix
Laravel Mixは、指定したディレクトリ内のすべてのファイルを自動的に検出し、設定に基づいてコンパイルします。