多个Javascript文件，但只有一个HTTP请求

Question

我想把我的JS分开，所以每个对象都在自己的文件中，我可能会构建我的目录和文件，如：

/js/modules/module1.js /js/pages/page1.js

问题是我不希望每个文件都有50个HTTP请求，有没有办法做到这一点？

Answer 1

这种技术非常基础和合乎逻辑。情况是我们在HTML的标题中有几个外部Javascript文件调用，这意味着来自客户端浏览器的几个HTTP请求。我们如何减少所有这些HTTP请求？

将它们组合起来，以便至少只有一次调用外部Javascript文件， 避免破坏网页上任何依赖于Javascript的功能， 缩小Javascript以节省带宽

http://falcon1986.wordpress.com/2010/01/11/combine-and-minify-javascript-reduce-number-of-http-requests/

Answer 2

我想到了两种方式：

1. 在您的网站中只放置一个js链接，例如/scripts/all.js，并在请求该js时，编译并合并所有文件并提供它们。
2. 使用JavaScript依赖关系管理器，按需加载脚本（而不是所有这些，即使不使用）

Answer 3

您可以使用PHP文件将所有这些文件组合在一起。许多PHP软件都使用这种技术，例如IP.board

如果是ASP.NET，这将有助于 - http://abhijitjana.net/2011/10/06/bundling-and-minification-in-asp-net-4-5/