如何将多个javascript文件合并为一个？

Question

为了减少http请求，我想将多个jquery插件的javascript文件和主jquery文件合并为一个。

应考虑哪些事项？

我们是否只需要将所有文件中的代码逐个放入新文件中，或者需要执行更多操作。 ？

Answer 1

除了其他人所说的内容之外，您可能希望确保遵守文件的依赖顺序。如果您正在使用jQuery和其他插件，请确保jQuery位于压缩输出的顶部，并且任何后续依赖关系都遵循此顺序，顺序最少依赖于大多数。

Answer 2

您可以使用YUI Compressor。我记得，它可以组合文件。它是用Java编写的，可以合并到您的构建或发布过程中。

Answer 3

我用的是什么：

1. 使用cocoon管道在单个HTTP请求中动态组合所有文件。您可以在构建时替换此步骤以一个接一个地连接所有文件。
2. 使用JSmin
压缩生成的请求

Answer 4

我们有一个ANT脚本，它将所有JS文件合并为一个然后压缩它。它基于一个开关，所以DEV＆amp; QA环境使用扩展文件，而UAT / PROD使用所有组合。顺便说一句，不仅是JS文件，您也可以将CSS结合起来。我们过去常常在每个文件的内容之后添加几行新行和分号。

Answer 5

如果您使用的是PHP，则可以使用minify来压缩和合并多个CSS和JS文件。