Laravel 利用 NPM, Yarn, Laravel Mix 構成了一套完整的前端工作流。 [TOC] ## Yarn 可以使用 [NPM](https://github.com/npm/npm) 對前端擴展包進行安裝，但由于 NPM 的安裝速度、安全性和穩定性等都飽受開發者的詬病，因此改用 Facebook 在 2016 年的 10 月份開源的 [Yarn](https://github.com/yarnpkg/yarn) 來作為 NPM 的替代品。 本教程提供的定制化 Homestead 安裝包中，已默認集成了 Yarn，因此不必再重復安裝 Yarn。如果想知道 Yarn 具體的安裝方式，可查閱 [Yarn 官方安裝文檔](https://yarnpkg.com/en/docs/install)。 ## Laravel Mix [Laravel Mix](https://github.com/JeffreyWay/laravel-mix) 一款前端任務自動化管理工具，使用了工作流的模式對制定好的任務依次執行。Mix 提供了簡潔流暢的 API，來為 Laravel 應用定義 Webpack 編譯任務。 Mix 支持許多常見的 CSS 與 JavaScript 預處理器，通過簡單的調用，可以輕松地管理前端資源。此外還可以在 webpack.mix.js 文件中制定一些，如資源文件的編譯、壓縮等任務。 Laravel 已默認生成了 `webpack.mix.js` 文件，并集成了 laravel-mix 模塊。可以通過簡單的方法鏈，流式定義資源管道。例如： ~~~javascript mix.js('resources/assets/js/app.js', 'public/js') .sass('resources/assets/sass/app.scss', 'public/css'); ~~~ ## SASS Sass 是一種可用于編寫 CSS 的語言，起初由 Hampton Catlin 進行設計并由 Natalie Weizenbaum 開發。借助 Sass 可以少寫很多 CSS 代碼，并使樣式代碼的編寫更加靈活多變。