javascript - 合并 JavaScript 和 CSS 文件时如何更新 HTML 脚本和链接引用？

Question

多个站点引用结合 JavaScript 和 CSS 文件以提高网页性能，包括使用 ANT 构建脚本在部署之前连接文件的示例。

我搜索过，但没有找到任何有关如何自动更新 HTML 和其他文档中对这些文件的引用的信息。我希望避免将容易出错的东西拼凑在一起，并想向过去进行过自动化构建的其他人学习。

是否有现成的自动化工具来完成我没有看到的这项任务？是否有推荐的流程来更新 HTML 中的脚本和链接标签？这些解决方案能否与 ANT 或类似构建工具集成？

Answer 1

肯定是，这是明智之举。

我找到了一个 PHP solution ，不知道它是否适合你，但如果不是，你仍然可以阅读它的源代码(这并不困难)并学到很多东西。该解决方案的工作原理如下:

1. 像这样重写你的请求:从 css/main.css 和 css/skin.css 到 css/main.css,skin.css(当然你可以放更多)。
2. 使用 apache 的 mod_rewrite 将此请求重定向到脚本(在我们的示例中为 combine.php)，该脚本会将所有文件合并为一个文件。
3. 脚本组合所有文件并发送组合文件。然后将其保存到缓存文件夹中。
4. 下一次它会检查是否有最新版本的缓存并为该版本提供服务。如果最近的文件修改时间已经改变，它会丢弃缓存。

该解决方案非常有效，它甚至利用 HTTP 缓存 header 并输出一个[ETags]，无论如何您都应该这样做.