一个简单的例子

未匹配的标注

简单例子

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');

这样就好了!简单吧!以下是会发生的事情:

  1. 编绘 SASS 文件 ./src/app.sass, 至 ./dist/app.css
  2. 捆绑所有 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 任务会变得更有把握。

本文章首发在 LearnKu.com 网站上。

本译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们。
上一篇 下一篇
Summer
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
贡献者:4
讨论数量: 0
发起讨论 只看当前版本


暂无话题~