Laravel Mix とは 何のことはない、webpack をラッパーしたものです。
webpackは何かというと、javascript や css を圧縮したり1つのファイルにまとめたり、古いブラウザでも使えるように変換するものです。
どういうときに使うかというと、複数のcssやjsを1つにまとめる , cssやjsファイルの圧縮 などを行いたい時です。
composer create-project "laravel/laravel" my_app
cd my_app
npm install
これで準備はOKです。
ファイル webpack.mix.js をエディタで開き編集します。
mix.js( 'public/assets/js/mylib.js', 'public/assets/js_dist');
mix.styles([
'public/css/aa.css',
'public/css/bb.css'
], 'public/css/all.css');
mix.sass('resources/assets/sass/style.scss', 'public/css');
テスト環境(ソースを圧縮せず)で実行する
npm run dev
本番環境環境(ソースを圧縮して)で実行する
npm run prod
npm run watch
解凍ファイルが更新されるたび自動でLaravel mixが実行されます