整合多个Javascript文件的最佳实践是什么?

整合多个Javascript文件的最佳实践是什么?,javascript,performance,Javascript,Performance,对于CSS,我可以使用SASS将一个CSS文件导入到另一个CSS文件,并且只生成单个CSS文件。Javascript文件的类似方法是什么?您可以使用它来缩小和组合Javascript文件。它也可以与CSS一起使用。您可能想要查看(这是一个谷歌产品) 您可能需要产品的形式 示例工作流可能如下所示: 创建JS文件和路径的列表 运行命令编译并连接文件(java--jar compiler.js--js path_to_file1.js--js path_to_file2.js(等)compiled.j

对于CSS,我可以使用SASS将一个CSS文件导入到另一个CSS文件,并且只生成单个CSS文件。Javascript文件的类似方法是什么?

您可以使用它来缩小和组合Javascript文件。它也可以与CSS一起使用。

您可能想要查看(这是一个谷歌产品)

您可能需要产品的形式

示例工作流可能如下所示:

  • 创建JS文件和路径的列表
  • 运行命令编译并连接文件(
    java--jar compiler.js--js path_to_file1.js--js path_to_file2.js(等)compiled.js
  • 闭包编译器还有一个相关的项目,它对样式表也做同样的事情

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

    还有第三种可能性:模块化。由于您给出了能够在SASS中导入CSS文件的示例,JavaScript的一个类似示例是使用模块库,使用AMD(异步模块定义)模式,我个人使用过。RequireJS还提供了一个很好的优化工具,它可以捆绑(缩小、压缩、压缩等)应用程序所需的所有文件

    更新

    由于您在评论中提到您正在使用Django(使用此信息更新问题可能也很有用),请查看是否也有帮助



    大多数JS压缩器都可以做到这一点(除了使JS更紧凑之外)。这可能取决于您对服务器端技术的选择。例如,ASP.NET利用了您的后端使用的技术?我们的后端使用Django,但我正在寻找一种可以独立工作而不受特定框架限制的工具。不,我的错。这不是谷歌的产品。这可能有助于解释为什么这被否决。对于这个问题,我的回答似乎很合理。有改进的反馈吗?谢谢,我现在会注意的。似乎我可以从了解更多关于现有JS预处理器的信息开始。