使用requirejs创建包含多个模块的单页面应用程序

时间:2014-07-11 15:00:30

标签: javascript requirejs

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

  1. index.html - 主页
  2. index.html /#ModuleA - 模块A
  3. index.html /#ModuleB - 模块B
  4. 我已经使用了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?中的评论说这不是必需哲学。

1 个答案:

答案 0 :(得分:1)

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