Laravel Mixは、PHPフレームワーク「Laravel」に同梱されているビルドツールです。
Webpackがベースになっています。
Laravel Mixを使用するにはnpmが必要になるのでまずはnodeをインストールします。
node.jsのインストール手順については、こちらの記事を参照してください。
https://www.sejuku.net/blog/72545
Laravel-Mixとwebpackをインストールする。
npm install laravel-mix
npm install webpack
「webpack.mix.js」というファイル(Laravel Mixの設定ファイル)をプロジェクトルートへ直下へ配置。
webpack.mix.js
const mix = require('laravel-mix');
//Laravel Mixを読み込む。
mix.js('resources/js/app.js', 'public/js');
//この場合は、resources/js/app.jsをpublic/jsディレクトリ内にビルドする。
resources\js\app.jsにコンパイルしたいファイルを記述する。
resources\js\app.js
require('./sample');
//app.jsと同じディレクトリのsample.jsを読み込む場合。（拡張子はつけない）
コンパイルの実施
npm run dev
ファイル修正を監視して、自動でコンパイル
npm run watch
bladeファイルで読み込む。（<body>閉じタグの直上。)
base.blade.php
<script type="text/javascript" src="{{ asset('js/app.js') }}"></script>
</body>