从开发切换到生产环境时，使用grunt切换HTML元素

我想在grunt中有一个开发和生产设置。 我已经想出了在开发过程中连接，制作和压缩我的JS以构build和美化我的库的所有问题。

我想要做的就是能够在应用程序入口点无缝地切换我的Js源代码。

我有

<!--<script data-main="js/main" src="js/libs/require.js"></script>--> <script src="js/main-built.js" ></script> 

当我切换环境时，我正在手动切换注释。 我想自动化这个。

Answer 1

你正在寻找grunt-targethtml插件 ，它允许你为不同的目标使用不同的资产。

 <!--(if target dev)><!--> <script src="dev.js"></script> <!--<!(endif)--> <!--(if target dist)> <script src="release.js"></script> <!(endif)--> 

在同一主题上，如果您只想更改您正在使用的Javascript中的某些configuration选项，则不需要使用其他源文件：可以使用grunt-replace插件 。