如何将多个javascript文件的请求合并到一个http请求中？

Question

这个概念对我来说是一个新概念 - 我首先在YUI依赖配置器中遇到它。 基本上，这些文件不是对多个文件有多个请求，而是链接到一个http请求中，以减少页面加载时间。

任何人都知道如何在LAMP堆栈上实现它？ （我已经看到了类似的问题，但它似乎是ASP特定的 。

谢谢！

更新：两个答案都很有帮助......（我的代表还不够评论，所以我在这里添加了一些离别的想法）。 我还发现了另一篇博客文章 ，其中包含可能有用的PHP特定示例。 不过，大卫的构建答案让我考虑采用不同的方法。 谢谢，大卫！

Answer 1

有多种方式，最明显的两种方式是：

1. 构建一个像YUI这样的工具，它根据你需要勾选的组件构建一个定制的，唯一的版本，这样你仍然可以将文件作为静态服务。 当您下载软件包时，MooTools和jQuery UI都提供这样的软件包构建器，以便为您提供最简化和最有效的库。 我确信那里存在一个通用的通用工具。
2. 创建一个简单的Perl / PHP / Python / Ruby脚本，根据请求提供大量JavaScript文件。 因此，“onerequest.js？load = ui＆load = effects”将转到加载文件的PHP脚本，并使用正确的内容类型为它们提供服务。 有很多例子，但我个人并不是粉丝。

我不喜欢通过任何类型的脚本提供静态文件，但我也喜欢用10个左右的单独的小类文件开发我的代码而不需要10个HTTP请求。 所以我想出了一个自定义构建过程，它结合了所有最常见的类和函数，然后将它们缩小为单个文件，如project.min.js，并且在我的所有视图/模板中都有一个条件，包括生成的这个文件。

编辑 - “自定义构建过程”实际上是一个非常简单的perl脚本。 它读入我作为参数传递的每个文件，并将它们写入一个新文件，可选地通过JSMIN （以所有您喜欢的语言提供）自动传递整个文件。

在命令看起来像：

perl build-project-master.pl core.js class1.js etc.js /path/to/live/js/file.js

Answer 2

有一篇很好的博客文章@ http://www.hunlock.com/blogs/Supercharged_Javascript 。

Answer 3

你想要的是Minify 。 我刚刚写了一个演练来设置它。

Answer 4

Capistrano是一个相当流行的基于Ruby的Web部署工具。 如果您正在考虑它或已经在使用它，那么有一个很棒的宝石可以找出CSS和Javascript依赖关系，合并和缩小文件。

gem install juicer

在Juicer GitHub页面中 ，它可以确定哪些文件相互依赖并将它们合并在一起，从而减少每页视图的http请求数，从而提高性能。