使用 requirejs 创建具有多个模块的单页应用程序

Question

我创建了一个单页应用程序，路由到不同的模块，比如模块 A 和模块 B。我当前的结构看起来像

1. index.html -- 主页
2. index.html/#ModuleA -- 模块 A
3. index.html/#ModuleB -- 模块 B

我已经使用了 requirejs 并准备了 AMD 代码。现在，当第一次加载应用程序时，会加载一个大的 app.js 文件，然后我使用 Almond 来根据需要在模块中加载依赖项。

现在我想将这个大的 app.js 文件分成 3 个部分 1. app1.js -- 当用户打开 index.html 页面时加载。 2. ModuleA.js -- 当用户从 index.html 导航到 ModuleA 时加载 3. ModuleB.js -- 当用户从 index.html 导航到 ModuleB 时加载

我知道我可以使用配置文件创建不同的模块，但这似乎无法实现我想要实现的目标。

是否有可能实现我想要的，使用require。 RequireJS: Multiple main.js? 中的评论说这不是 requirejs 的哲学。

Answer 1

如果您有一个单页应用程序，那么您正在使用骨干网或我猜的东西，因此您可以在需要时在路由器上要求不同的模块。看看这个例子https://github.com/BenjaminAdams/RedditJS/blob/master/public/js/app/router/app-router.js#L107