Laravel Mix 中文文档一个简单的例子
简单例子
Laravel Mix 是叠加于 webpack 上的一层干净的膜， 它让 webpack 百分之80的用例变得十分简单。 很多人都会同意，webpack 很强大，但是学习起来十分困难。不过，如果你不用担心这个问题呢？
看看这个简单的 webpack.mix.js文件。这个例子，我们只用 JavaScript (ES2015 加 模块)和 SASS 编绘：
let mix = require('laravel-mix');
mix.sass('src/app.sass', 'dist').js('src/app.js', 'dist');这样就好了！简单吧！以下是会发生的事情：
- 编绘 SASS 文件
./src/app.sass, 至./dist/app.css - 捆绑所有 Javascript （和一切需要的模块）， 从
./src/app.js至./dist/app.js.
配置好了以后，你可以从命令行启动 webpack ： node_modules/.bin/webpack.
在开发模式下，并不需要压缩输出文件，如果在执行 webpack 的时候加上环境变量： export NODE_ENV=production webpack ，文件会自动压缩。
Less?
但是如果你更喜欢使用 Less 而不是 Sass 呢？没问题，只要把 mix.sass() 换成 mix.less() 就OK了。
使用 laravel-mix ，你会使发现大部分 webpack 任务会变得更有把握。
本译文仅用于学习和交流目的，转载请务必注明文章译者、出处、和本文链接
我们的翻译工作遵照 CC 协议，如果我们的工作有侵犯到您的权益，请及时联系我们。
关于 LearnKu
粤公网安备 44030502004330号
推荐文章：