JS - 一个巨大的文件或许多小文件？ - 在哪里划线？

Question

对于JS文件应该有多大（大小），是否有一个很好的经验法则 - 如果它比这大得多，最好将它拆分成更小的文件？

Answer 1

与任何其他语言（从不超过几百行）相同的大小，以及运行时的concat和minify（使用Closure编译器或Yahoo库或诸如此类）是我们的工作。

Answer 2

更多文件=更多HTTP请求=网站较慢

Answer 3

较少的文件=较少的干净代码=较慢的编码。 成本高于带宽。

编辑：如果你真的想要，你可能有工具在你编写代码后合并它们。

Answer 4

根据需要开发尽可能多的文件。组织代码以保持开发的可管理性。

然后，在部署时，使用Google Closure

等工具发送代码的缩小/组合版本

这就是jQuery的功能。他们ship one file，但actual source code更有条理。

Answer 5

我的所有JS文件 - 每个函数加上一个库 - 都位于公共目录之外的一个文件夹中，优先级文件以一个或两个下划线开头。在我的索引页面中，调用来自静态服务器的PHP脚本。它检查压缩的JS文件是否存在。如果没有，则在JS目录上执行scandir，每个文件都包含在缓冲区中，然后进行压缩，并放入单个文件中。并输出该文件的内容。

如果我更改/添加/删除js文件，我所要做的就是删除压缩文件，并在下次加载时重新创建。

这里的优点是你有一个针对javascript的单一且优化的http请求，你仍然可以根据需要将脚本划分为多个文件。文件创建过程（可能很重）不会在每次加载页面时使用，而是仅在文件丢失时使用。这个方法很好，像我一样，你将它与一个永远不会重新加载的应用程序一起使用，或者不需要为特定页面加载特定的函数，尽管会有很多变通方法。