javascript - 合并多个 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.) returned.js)

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

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

还有第三种可能性:模块化。由于您给出了能够在 SASS 中导入 CSS 文件的示例，因此 JavaScript 的类似方法是使用模块库，使用 CommonJS standard ，或者(我更喜欢的一个)AMD(异步模块定义)模式，我个人曾将其与 RequireJS 一起使用过。 。 RequireJS 还附带了一个很好的优化工具，它将捆绑(缩小、压缩、连接等)应用程序所需的所有文件

更新

既然您在评论中提到您正在使用 Django(也可能对使用此信息更新问题有用)，请查看 this answer也有帮助

<小时/>