如何使用requireJs加载包含多个模块的合并JS文件？

Question

这是我已经挣扎了一年多的事情，我不知道我们应该如何加载一个包含几个AMD模块的JS文件，以避免产生与JS文件一样多的HTTP请求

由于我们必须在RequireJS配置中单独定义每个模块，如何只加载一个包含所有模块的合并JS文件？

这是我的RequireJS加载程序：https://gist.github.com/Vadorequest/9553eaf27ac1f469cf63

在该文件中，我想要合并的是：

• requirejs libs（domReady，text，markdown）
• 服务器和客户端之间的共享源代码（Lang，MessageLang ... View）

因为这些文件会逐渐增加并增加HTTP调用次数。

Answer 1

您必须在构建步骤中执行此操作。您考虑过使用RequireJS Optimizer吗？

文档非常可靠，您需要在require配置中添加几个参数：

{
  baseUrl: ".",
  paths: {
    jquery: "some/other/jquery"
  },
  name: "main",
  out: "scripts.js"
}

这将生成一个包含所有文件的文件（scripts.js）。如果您想将某些文件组合在一起requirejs bundles

，还有一个捆绑选项

我个人使用gulp来处理我的构建过程，所以我实际上使用gulp-requirejs-bundler但是同样的原则适用。