1

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

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

我能够使用angular-require-seed重现相同的行为。我按照 github 上的说明进行安装，然后为 r.js 进行了以下构建定义。

构建.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.htmldata-main中的内容更改为data-main="index-built.js"

这再次导致 angularbeing undefined。谁能指出我的方式错误？

4

1 回答 1

2

你还记得给图书馆做垫片吗？

如果你是，那么你还需要在你的build.js. 最好的方法是把mainConfigFile属性指向你main.js，让它从那里获取配置值（包括上面的路径）。

于 2013-09-07T08:56:03.280 回答