如何将多个AMD模块捆绑在一个文件中？

Question

AMD似乎是根据需要加载javascript模块的最佳实践。

在用户仅使用部分可用功能的大型Web应用程序上，这应该会很好用。

我已经读过关于优化器的信息，该优化器将所有必需的模块连接到一个文件中，并且我还读过关于无优化的信息，即使用异步请求加载每个模块。

两者似乎都不适合此用例：向每个模块加载请求可能会很快导致大量请求，而优化会迫使您下载所有代码。

有没有办法将多个模块捆绑到一个文件中？

Answer 1

是。 通常，将应用程序划分为这么多文件，并用AMD加载它们仅对开发有利 。 它有助于保持代码的清洁和易于理解； 每个模块都包含视图，模型，控制器，并且每个视图都是一个单独的文件，这是很合乎逻辑的。

但是大量的请求在生产中毫无意义 。 因此，您应该使用优化器将文件编译和最小化为一个（或几个）文件，以提高性能和用户体验。

如果您使用的是RequireJS，请参考http://requirejs.org/docs/optimization.html#wholeproject-它说明了如何使用RequireJS提供的r.js工具。

例如，如果我的应用程序由公共区域，管理和非常复杂的注册表单组成，每个表单都包含数百个视图/模型/控制器，则我可能会将代码编译成4个文件 ：common，public，admin，sign_up。 然后，当用户进入特定区域时，将异步加载适当的文件。

Answer 2

RequireJS通过其优化工具支持此用例。

通过在build.js中进行适当的配置，可以将其配置为将多个模块捆绑在多个文件中。

如本示例项目所示，可以在build.js中定义它们的映射。