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

例如，如果某些文件对于约会和定价页面是常见的，那么您也可以将它们分组到

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资产

1 个答案: