正确管理大型网站/代码连接的 javascript答案

【问题标题】：Properly managing javascripts for large website / code concatenation正确管理大型网站/代码连接的 javascript
【发布时间】：2011-01-01 02:58:13
【问题描述】：

我正在开发的网站有大量跨各种功能共享的 javascript，以及同样大量的特定于功能的 javascript。我已经阅读了有关使用一个整体 javascript 文件与许多较小文件的所有内容。

就我的目的而言，大文件方法不仅会导致脚本难以维护，而且还会包含大量不需要的 javascript。同时，分离 javascript 以便只包含所需的代码会导致文件/HTTP 请求数量过多。除了给用户带来额外的文件大小开销之外，即使包含适量不需要的代码的想法似乎也与正确软件设计的概念背道而驰。

我找到了适用于 Apache 的 mod_concat 模块，它似乎可以完全解决我的问题 - 我可以将我的 javascript 分成任意数量的文件，只包含必要的文件，并且几乎不会影响性能。

真的是这样吗？唯一的潜在缺点是需要管理许多文件吗？我知道 mod_concat 并没有永远存在，所以我也在寻找一些背景知识 a) 之前是如何处理的，b) 如果即使使用代码连接，包括适量的不需要的 javascript 也被认为是可以接受的（甚至是最佳实践）。

谢谢，布赖恩

【问题讨论】：

如前所述：stackoverflow.com/questions/4256887/… 关于许多文件与一个大文件。（ofc 没有回答任何关于 mod_concat 的问题

【解决方案1】：

我认为您不需要 apache 模块。为生产创建一个缩小的 JS 文件应该是最好的方法，因为它只加载一次，然后被浏览器缓存。当然，对于开发而言，将您的应用程序拆分为单独的文件是有意义的。

我个人最喜欢的 JavaScript 模块管理和压缩是 Steal JS，它是伟大的 JavaScript MVC 框架的一部分（对于大型 JS 应用程序通常会很有趣）。它可以在开发过程中动态加载模块文件，对于生产，您可以创建一个压缩的 JavaScript 文件（它也可以做 CSS）。

另一种选择是RequireJS，但我只是快速浏览了一下。

【讨论】：