angularjs - AngularJS 引导方法

Question

我正在尝试管理大型 AngularJS/Grails 应用程序的引导过程。这是我想出的，但我不太确定它是否尽可能干净或有效。想法？

1. 在单行缩小/脚本中加载 angular-loader
2. 在另一个 /script 中显式加载 jquery
3. 加载第三方异步加载器（$script）和所有剩余的依赖项
4. 加载依赖项后，调用angular.bootstrap(document, ['myApp]);
5. 在另一个 /script 中加载我缩小的、连接的特定于应用程序的 javascript

这似乎很笨拙。可能有哪些替代方案？我确实考虑过 RequireJS，但我不喜欢它的侵入性，我喜欢使用 grunt 任务将我的应用程序合并 + uglify 成单个脚本。

Answer 1

我使用的一般方法是预先加载基本组件，并且仅使用 RequireJS 按需加载控制器和相关服务。显然，这仅适用于处理大型应用程序的情况。

由于 AngularJS 本身不支持按需加载并将此类任务委托给 RequireJS 等异步加载器，因此我将逻辑需求封装在我称之为angularAMD.

这是我创建的一个示例站点，用于说明如何angularAMD工作：

http://marcoslin.github.io/angularAMD/