認識Laravel-Mix
認識Laravel-Mix
Laravel Mix 是 Laravel 提供的 JavaScript 和 CSS 編譯工具。
我們在專案根目錄下的 webpack.mix.js 文件中可以看到以下設定
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');
從這裡可以看出來，Laravel Mix 將 resources/js/app.js 編譯之後放在 public/js 資料夾下的 app.js 檔案，將 resources/sass/app.scss 編譯之後放在 public/css 資料夾下的 app.css 檔案。
預設後面不會加檔案名稱，如果沒有加檔案名稱，就會使用原來的檔案名稱
如果你修改了 resources/js/app.js 和 resources/sass/app.scss 檔，就需要重新編譯才能正常使用：
$ npm run dev
// 或者
$ npm run production
這兩個指令的差別在於，npm run dev 用在開發環境，也就是我們測試的時候，輸出的代碼不會被壓縮；npm run production 用在生產環境，也就是實際上線的時候，最後輸出的代碼會被壓縮。
最主要的差別在於檔案的大小，因為在網頁上，檔案的大小會影響執行的速度，尤其是當檔案太大的時候，會很明顯地發現執行速度變慢了，所以在網頁上需要使用的檔案，不論是圖檔、css檔案、js檔案等，最好都使用壓縮過的檔案，會一定程度地提高網頁的執行速度。
這樣的差別對網頁來說其實是影響很大的，使用者希望網頁在載入及執行的速度能夠更快，流程能夠更流暢，這一個部分也是需要注意的。