AngularJS和Require: r.js提供未定义的

Question

我知道对于是否将require.js与AngularJS结合使用存在一些争论，但我现在正在这样做。我已经设置并运行了整个项目，并且正在尝试使用r.js来优化和缩小。

在运行r.js并在我的index.html文件中更改data-main之后，我现在得到了该angular is undefined，无法继续。

我能够使用角质要求种子再现相同的行为。我按照关于github的说明来安装，然后为r.js做了以下构建定义。

build.js

({
    baseUrl: "./app/js",
    name: "main",
    out: "index-built.js",
    paths: {
       angular: '../../bower_components/angular/angular',
       'angular-scenario': '../../bower_components/angular-scenario/angular-scenario',
       'angularRoute': '../../bower_components/angular-route/angular-route',
       'angular-mocks': '../../bower_components/angular-mocks/angular-mocks'
   }    
})

然后，我在应用程序的顶层使用以下命令运行r.js。

r.js.cmd -o build.js

r.js完成后，我将index.html中的data-main更改为data-main="index-built.js"

这再次导致角度为undefined。有人能指出我的错误吗？

Answer 1

你是记住垫片图书馆吗？

如果您是，那么您还需要在您的build.js中包含相同的配置。最好的方法是将属性指向您的main.js，并让它从中获取配置值(也包括上面的路径)。