在Angular.js中使用Require.js有意义吗?

我是Angular.js的新手，试图理解它与Backbone.js的不同之处……我们曾经在使用Backbone时使用Require.js来管理我们的包依赖关系。对Angular.js做同样的事情有意义吗?

当前回答

我会避免使用Require.js。我所见过的这样做的应用程序最终会把多种类型的模块模式架构弄得一团糟。AMD, reveal，不同口味的IIFE等。还有其他方法可以按需加载，比如Angular的loadOnDemand mod。添加其他东西只会让你的代码充满麻烦，产生低信噪比，让你的代码难以阅读。

其他回答

我认为这是一个主观的问题，所以我将提供我的主观意见。

Angular有一个内置的模块化机制。当你创建应用程序时，你要做的第一件事是

var app = angular.module("myApp");

然后

app.directive(...);

app.controller(...);

app.service(...);

如果你看一下angular-seed，它是angular的入门级应用，它将指令、服务、控制器等分离到不同的模块中，然后将这些模块作为依赖项加载到你的主应用中。

比如:

var app = angular.module("myApp",["Directives","Controllers","Services"];

Angular也会惰性加载这些模块(到内存中)，而不是它们的脚本文件。

至于延迟加载脚本文件，坦率地说，除非你写的是非常大的东西，否则它会是一个过度的，因为angular本质上减少了你编写的代码量。在大多数其他框架中编写的典型应用，如果用angular编写，可以减少大约30-50%的LOC。

是的，在Angular中使用requireJS是有意义的，我花了几天时间来测试几个技术解决方案。

我在服务器端用RequireJS做了一个Angular种子。非常简单。我使用SHIM符号表示没有AMD模块和没有AMD，因为我认为处理两个不同的依赖注入系统非常困难。

我使用grunt和r.js来连接服务器上的js文件，这取决于SHIM配置(依赖)文件。所以我只在我的应用程序中引用一个js文件。

欲了解更多信息，请访问我的github Angular Seed: https://github.com/matohawk/angular-seed-requirejs

布莱恩·福特的回答

AngularJS有自己的模块系统，通常不需要RJS之类的东西。

参考:https://github.com/yeoman/generator-angular/issues/40

是的，专门为大型SPA服务。

在某些场景中，RequireJS是必须的。例如，我使用AngularJS开发PhoneGap应用程序，它也使用谷歌Map API。如果没有像RequireJS这样的AMD加载器，应用程序只会在离线时启动时崩溃，因为它不能来源谷歌地图API脚本。AMD加载器让我有机会向用户显示错误消息。

然而，AngularJS和RequireJS之间的集成有点棘手。我创建了angularAMD，使这个过程不那么痛苦:

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

是的，使用angular.js和require.js是有意义的，其中你可以使用require.js来模块化组件。

有一个种子项目同时使用了angular.js和require.js。

推荐文章