前端构建工具:不同的资产包括不同的环境

时间:2014-09-17 02:24:25

标签: gruntjs frontend yeoman gulp broccolijs

正如先前在Have Grunt include different Javascript files in development and productionHave Grunt generate index.html for different setups

中所述

我希望扩展资产包括用于开发:

<script src="js/lib-1.js"></script>
<script src="js/lib-2.js"></script>
<script src="js/lib-3.js"></script>
...

生产或分期:

<script src="js/all-files-in-one.js"></script>

然而,我不想在两个地方同步我的包含代码。对于大多数可用的答案,我必须首先在grunt任务中指定文件列表,然后在html中再次复制包含代码。我能找到的最接近的解决方案就是这个答案:https://stackoverflow.com/a/21488659/515585,我只需要在grunt任务中维护一个文件数组。并且所有答案都需要一些令人畏惧的设置才能使其发挥作用。

更好的解决方案将允许我使用sprocket语法在代码上下文中(而不是使用构建文件)la Rails资产管道中要求其他资产文件。并通过一个变量切换来扩展它们,因此我可以在开发中调试每个单独的文件。我看过grunt-sprockets-directives,但我认为它没有提供扩展选项。也许是吗?

我不想在我的后端框架中使用资产管道,我要求任何前端构建工具,而不仅仅是grunt。 Gulp,Yeoman,甚至更好的Broccoli.js答案也很受欢迎。

0 个答案:

没有答案