我开始了一个小型的web / html项目，其中我将至少有几个js文件，包括依赖项和东西。
仅仅因为我喜欢干净，我想将所有这些文件缩小为一个。 <{1}}和uglifyjs非常简单，问题解决了。
但还有别的东西：在我的＆＃34;来源＆＃34; （未编译的）html文件，我有一堆grunt标签。像这样：
<script>但正如我上面所说，在构建之后我最终得到了一个大文件<script src="js/dependency1.js"/>
<script src="js/dependency2.js"/>
<script src="js/mystuff.js"/>
。我希望我能自动将我的HTML修改为：
allTheStuff.js有没有办法可以自动完成？有推荐的工具吗？ 和CSS一样的问题。
答案 0 :(得分：0)
请尝试grunt-usemin。它将处理javascript和CSS。
来自项目的GitHub page：
将对非优化脚本或样式表的引用替换为集合 HTML文件（或任何模板/视图）。
当它工作时，它是一个非常好的工具，可以简化您描述的确切问题。缺点是，当您使用HTML标签usemin需要和grunt配置时，使用它有点笨拙。
但是，除了笨重的配置问题之外，我已经使用它了，自动执行copy，concat和uglify步骤以及修改HTML以使用这些任务的结果非常好。
相关 ：grunt-include-source提供自动化功能，可将文件列表注入HTML。如果您决定自己处理事情而不是将其全部转移到usemin，则此工具是一个方便的项目，可以在您根据需要构建自定义构建过程时自动更新HTML。