合并多个Javascript文件的最佳做法是什么？

Question

对于CSS，我可以使用SASS将一个CSS文件导入另一个CSS文件并仅生成单个CSS文件。 Javascript文件的类似方法是什么？

Answer 1

您可能需要查看Closure Compiler（这是Google产品）。

您可能需要产品的Closure Compiler Application形式。

示例工作流程可能如下所示：

1. 创建JS文件和路径列表
2. 运行命令以编译和连接文件（java --jar compiler.js --js path_to_file1.js --js path_to_file2.js (etc.) compiled.js）

Closure Compiler还有一个相关的项目Closure Stylesheets，它对样式表做了同样的事情。

这种方法当然意味着有一个预编译步骤。根据您的后端，还有一些库在构建页面时进行编译。例如，对于JSP，有Granule标记库，用于在页面构建时创建已编译的JS和CSS文件。

还有第三种可能性：模块化。由于您给出了能够在SASS中导入CSS文件的示例，因此JavaScript的模拟使用模块库，使用CommonJS standard或（我更喜欢的），AMD（异步模块定义）模式，我亲自与RequireJS一起使用。 RequireJS还附带了一个很好的优化工具，可以为您的应用程序捆绑（缩小，压缩，连接等）所有必需的文件

<强>更新

由于您提到您在评论中使用Django（也可能对使用此信息更新问题有用），请查看this answer是否也有帮助

---

Answer 2

您可以使用minify来缩小和合并javascript文件。它也适用于CSS。