● Laravel Mix を使用する

Laravel Mix とは 何のことはない、webpack をラッパーしたものです。
webpackは何かというと、javascript や css を圧縮したり1つのファイルにまとめたり、古いブラウザでも使えるように変換するものです。
どういうときに使うかというと、複数のcssやjsを１つにまとめる , cssやjsファイルの圧縮 などを行いたい時です。

1. Laravel アプリを作成する

composer create-project "laravel/laravel" my_app
cd my_app

2. Laravel Mix（Webpack）をインストールする

npm install

これで準備はOKです。

3. Laravel Mix で操作するファイルを（webpack.mix.js）内で設定する

ファイル webpack.mix.js をエディタで開き編集します。

● public/assets/js/mylib.js を圧縮して public/assets/js_dist/mylib.js ファイルを生成する

mix.js( 'public/assets/js/mylib.js', 'public/assets/js_dist');

● aa.css と bb.css をくっつけて all.css を生成する

mix.styles([
    'public/css/aa.css',
    'public/css/bb.css'
], 'public/css/all.css');

● style.scss をコンパイルして、public/css/style.css を生成する

mix.sass('resources/assets/sass/style.scss', 'public/css');

4. Laravel Mix を実行する

テスト環境（ソースを圧縮せず）で実行する

npm run dev

本番環境環境（ソースを圧縮して）で実行する

npm run prod

5. ファイル更新のたびに自動で実行するようにする（ watch ）

npm run watch

解凍ファイルが更新されるたび自動でLaravel mixが実行されます