laravel实践3.laravel Mix使用

Laravel Mix 一款前端任务自动化管理工具，使用了工作流的模式对制定好的任务依次执行。Mix 提供了简洁流畅的 API，让你能够为你的 Laravel 应用定义 Webpack 编译任务。Mix 支持许多常见的 CSS 与 JavaScript 预处理器，通过简单的调用，你可以轻松地管理前端资源。我们可以在 webpack.mix.js 文件中制定一些如资源文件的编译、压缩等任务。Laravel 已默认为我们生成了 webpack.mix.js 文件，并集成了 laravel-mix 模块。

webpack.mix.js

const mix = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');

mix.js('resources/js/app.js', 'public/js')支持：

• ECMAScript 2015 语法；
• Modules；
• 编译 .vue 文件；
• 针对生产环境压缩代码。

mix.sass('resources/sass/app.scss', 'public/css'); 可以让你将 Sass 文件编译为 CSS

使用Mix:

yarn install
npm run watch-poll