Laravel - Elixir - Concat 和 Minify 资产

Question

我有一个包含很多 js 和 css 的项目，我想合并并缩小它们。
问题是我不需要所有页面中的所有脚本和 css 所以在我看来我有一个部分可以为页面加载正确的资产。

如何使用 Elixir 缩小每个页面的资源？可能吗？我可以在我看来合并、缩小和版本化不同的资产和对它们的引用吗？

我该怎么做？

Answer 1

......

//main js 
mix.scripts([
    ...
    ...
    ...
], publicJs + 'main.js');

//some js that are for about page
mix.scripts([

], publicJs + 'about.js);


mix.version([
    publicJs + 'main.js',publicJs + 'about.js'
]);

例如，如果有一些文件对于关于页面和定价页面是通用的，那么您也可以将它们组合在一起[=13=]

mix.scripts([
   ...
   ...
],publicJs + 'someGrouped.js);

mix.scripts([
   ...
   ...
],publicJs + 'someOtherGrouped.js);

mix.scripts([
   '../../' + publicJs + 'someGrouped.js,
   '../../' + publicJs + 'someOtherGrouped.js,
   ...
],publicJs + 'grouped.js);

你还需要运行

gulp --production

缩小所有 css 和 js 文件

Laravel - Elixir - Concat 和 Minify 资产

Laravel - Elixir - Concat and Minify assets

laravel-elixir

laravel-5.2