Laravel Mix Edge插件编译Edge模板

Edge 模板的前端项目,用 Laravel Mix 搭配 laravel-mix-edge 蛮顺手的。它帮你把 Edge 模板也纳入 Mix 的打包流程,就像你 JS 和 SCSS 一样自然。

直接在 webpack.mix.js 里注册插件:require('laravel-mix-edge'),链式调用 .edge() 就行,语法风格跟 .js().sass() 一模一样,上手毫无压力。

比如你项目里有一堆 src/views 下的 Edge 模板,用下面这段代码就能打包进 dist

let mix = require('laravel-mix');
require('laravel-mix-edge');

mix.js('src/app.js', 'dist') .sass('src/app.scss', 'dist') .edge('src/views', 'dist');

注意哦,它是基于 Laravel Mix 的插件,所以你得先装好 Mix。还不太了解 Mix?你可以看看mix-html-builder,也是个打包模板的插件。

如果你已经在用 Laravel + Edge 搭配,那这个插件真的挺省事的,免去各种自定义 loader 的麻烦。如果你还不熟 Edge,那就当扩展学习啦,反正也不重。

zip 文件大小:137.75KB