正确管理大型网站/代码连接的javascripts

Question

我正在开发的网站有大量的javascript，这些javascript在不同的功能之间共享，还有同样大量的特定于功能的javascript。我已经阅读了所有关于使用一个单一的javascript文件与许多更小的文件的文章。

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

我已经找到了用于Apache的mod_concat模块，它似乎可以完全解决我的问题--我可以将我的javascripts分成任意多个文件，只包含那些需要的文件，并且几乎不会对性能造成任何影响。

真的是这样吗？唯一的潜在缺点是需要管理许多文件吗？我知道mod_concat不是永远存在的，所以我也在寻找一些背景知识: a)以前是如何处理这个问题的，b)即使是代码连接，包含适量的不需要的javascript也被认为是可以接受的(或者甚至是一种最佳实践)。

谢谢，布赖恩

Answer 1

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

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

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