Laravel Mix 提供了定義 Webpack 構建步驟的 API，用於在應用中使用常見的 CSS 和 JavaScript 預處理器。通過鏈式調用這些簡潔方法，可以流暢地定義資源管道。
當然，你不一定非要使用它來開發應用；
安裝
在安裝 Mix 之前，要先確保機器上已經安裝了 Node.js 和 NPM。
如果你不知道是否安裝了可以查看一下版本：
node -v
npm -v
Laravel 官方建議使用Laravel Homestead，但我相信很多人並沒有使用這個東西（我就是其中一個），也許你用的是集成環境或者自己搭建的，可能在使用過程中遇到過類似以下的問題，希望對你有幫助。
首先你需要使用以下命令安裝 npm 依賴，不過我在這裏使用 Yarn 來安裝依賴。如果你沒有沒有安裝Yarn，你可以安裝一個，全憑個人喜好。
npm install -g yarn
然後開始吧
1.因爲國內的網絡原因，我們還需爲 Yarn 配置安裝加速
yarn config set registry https://registry.npm.taobao.org
2.使用 Yarn 安裝依賴(如果你是windows系統，切記加上後面的 --no-bin-links)
yarn install --no-bin-links
3.安裝cross-env，解決’NODE_ENV’非內部或外部命令
yarn add cross-env
4.修改一下 Mix 的配置文件，非必須步驟，建議操作
修改webpack.mix.js,在末尾加了一個 version()，使 Mix 每次生成的靜態文件後面加上一個類似版本號的參數，避免瀏覽器緩存。
...
...
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css')
.version();
5.運行啓動
npm run watch-poll
watch-poll會在你的終端裏持續運行，監控resources文件夾下的資源文件是否有發生改變。在 watch-poll命令運行的情況下，一旦資源文件發生變化，Webpack會自動重新編譯。
看下效果：
桌面右下角
關於MIX的各種詳細使用請直接查閱相關社區文檔：https://learnku.com/docs/laravel/6.x/mix/5150
好了，比較簡單的一個小教程。如果你有其他問題，可以留言。