未注入通过 RequireJS 从 CDN 加载 Angular

在我的项目中，我想使用 RequireJS 并引导我的应用程序，如下所示：

requirejs.config({
baseUrl: 'scripts/vendor',
paths: {
    jquery: [
        'https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min',
        'jquery'
    ],
    angular: [
        'http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min',
        'angular'
    ],
    app: '../app'
}
});

require(['require', 'jquery', 'angular', 'app'], function(require, $, angular, app) {
console.log(require);
console.log($);
console.log(angular);
console.log(app);
});

在我的index.html 上，只有 RequireJS 通过 script 标签加载，其中 RequireJS 加载上述代码。 什么有效： - 在我的网络监视器中，我可以看到 RequireJS、jQuery、Angular 和应用程序已加载 - console.log 消息对于 require、jQuery 和应用程序打印正确

角度对象在某种程度上是未定义的。但如果我不从 CDN 加载它并使用我的本地加载，它就可以工作！本地文件是一个 RequireJS 包装器，如下所示：

define(['/components/angular/angular.min.js'], function () {
    return angular;
});

我如何使用 Angular 的 CDN 来实现这项工作？或者这取决于 Angular 的支持吗？

首先，您将“路径”与“垫片”混淆了

路径很好，不要追求“垫片”行为。但是，您需要使您的“路径”正确：

paths: {
    jquery: 'https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min',
    // NOTE: angular is "plain JS" file
    angular: 'http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min',
    app: '../app'
}

然后，你需要放弃将某些东西归还给你的需要......只需“使用力量，卢克”:)并期望正确的全局变量在你需要时出现：

require(['jquery', 'app', 'angular'], function($, app, thisValueDoesNotMatter) {
    // you don't need to wrap "require" Just use global
    console.log(require);
    console.log($);
    console.log(app);

    // note, angular is loaded as "plain JavaScript" - not an AMD module.
    // it's ok. It returns "undefined" but we just don't care about its return value
    // just use global version of angular, which will be loaded by this time.
    // because you mentioned it in your dependencies list.
    console.log(window.angular);
});