AngularJS и require: r.js дает неопределенные

Question

Я понимаю, что есть некоторые споры о том, следует ли использовать require.js с AngularJS, но я делаю это в это время. У меня есть весь проект, который настроен и работает с требованием, и теперь я пытаюсь использовать r.js для оптимизации и минимизации.

После запуска r.js и изменения моего data-main в моем файле index.html, я получаю это angular is undefined и не могу продолжить.

Я смог воспроизвести такое же поведение, используя angular-require-seed. Я выполнил инструкции по 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 я изменил data-main в index.html, чтобы быть data-main="index-built.js"

Это еще раз приводит к угловым быть undefined. Может ли кто-нибудь указать мне на ошибку моих путей?

Answer 1

Вы библиотека remembering to shim?

Если вы находитесь, вам также потребуется включить эту конфигурацию в ваш build.js. Лучший способ сделать это - указать the mainConfigFile property на main.js и позволить ему выбирать значения конфигурации там (включая вышеперечисленные пути).