uglify - 我已经合并了所有的 js 文件。怎么办？答案

【问题标题】：uglyfy - I've combined all the js files. Now what?uglify - 我已经合并了所有的 js 文件。怎么办？
【发布时间】：2014-04-18 11:52:37
【问题描述】：

我开始了一个小型 web/html 项目，其中我将至少有几个 js 文件，包括依赖项和东西。

仅仅因为我喜欢它干净，我想将所有这些文件压缩为一个。使用uglifyjs 和grunt 很容易，问题解决了。

但还有别的：在我的“源”（未编译）html 文件中，我有一堆 <script> 标记。像这样的：

<script src="js/dependency1.js"/>
<script src="js/dependency2.js"/>
<script src="js/mystuff.js"/>

但正如我上面所说，在构建之后，我最终得到了一个大文件，allTheStuff.js。我希望我可以自动将我的 HTML 修改为：

<script src="js/allMyStuff.js"/>

有没有办法让我自动做到这一点？有什么工具可以推荐吗？ CSS 也有同样的问题。

【问题讨论】：

【解决方案1】：

为此尝试grunt-usemin。它将同时处理 javascript 和 CSS。

来自项目的GitHub page：

将对未优化脚本或样式表的引用替换为集合 HTML 文件（或任何模板/视图）。

当它工作时，它是一个非常好的工具，可以简化您描述的确切问题。缺点是它在处理 HTML 标签 usemin 需要和 grunt 配置时有点笨拙。

但是，除了笨重的配置问题，我已经使用了它，它可以自动执行复制、连接和 uglify 步骤，并修改 HTML 以使用这些任务的结果。

相关：grunt-include-source 提供了将文件列表注入 HTML 的自动化功能。如果您决定自己处理事情而不是将其全部交给usemin，则此工具是一个方便的工具，可在您根据需要构建自定义构建过程时自动更新 HTML。

【讨论】：