javascript - 正确管理大型网站/代码串联的 javascript

Question

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

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

我找到了 Apache 的 mod_concat 模块，它似乎可以完全解决我的问题 - 我可以根据需要将我的 javascript 分成尽可能多的文件，只包含那些必要的文件，并且几乎不会影响性能。

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

谢谢，布莱恩

Answer 1

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

我个人最喜欢的 JavaScript 模块管理和压缩是 Steal JS这是伟大的一部分JavaScript MVC框架(对于较大的 JS 应用程序通常很有趣)。它可以在开发期间动态加载模块文件，对于生产，您可以创建一个压缩的 JavaScript 文件(它也可以执行 CSS)。

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