带有CDN jQuery的Require.js build(r.js)没有链接到好的jQuery路径

时间:2012-03-23 18:06:52

标签: javascript backbone.js requirejs amd

我正在使用针对AMD的Require.js进行Backbone应用程序。我正在从谷歌CDN加载jQuery,但是在构建之后,jQuery的路径似乎被打破了。

构建正在发生,没有任何麻烦或错误。但是一旦我使用构建版本,jQuery就会使用以下URL添加到页面中:

http://example.com/assets/js/jquery.js

而不是CDN网址。我觉得这是因为我的路径配置丢失并且需要依赖“jquery”这一事实不被视为对路径的引用,而是作为对脚本的正常调用。

这是我的主要文件:

main.js

require.config({
    baseUrl: '/assets/js/',
    paths: {
            use: 'libs/use-0.2.0.min',
            jquery: 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min',
            underscore: 'libs/underscore-1.3.1.min',
            backbone: 'libs/backbone-0.9.2.min'
},
    use: {
            'underscore': {
                    attach: '_'
            },
            'backbone': {
                    deps: ['use!underscore', 'jquery'],
                    attach: function(_, $) {
                            return Backbone;
                    }
            }
    }
});

require(['views/app'], function(AppView){
    var app_view = new AppView();
});

app.build.js

({
appDir: "../../www",
baseUrl: "assets/js",
dir: "../../build",
optimizeCss: "none",
optimize: "uglify",
findNestedDependencies: true,
preserveLicenseComments: false,
paths: {
    use: 'libs/use-0.2.0.min',
    jquery: 'empty:',
    underscore: 'libs/underscore-1.3.1.min',
    backbone: 'libs/backbone-0.9.2.min'
},
modules: [
    {
        name: "main",
        include: ["views/app"],
        exclude: ["jquery"]
    }
],
use: {
    'underscore': {
        attach: '_'
    },
    'backbone': {
        deps: ['use!underscore', 'jquery'],
        attach: function(_, $) {
            return Backbone;
        }
    }
}
})

(我正在使用use.js加载非AMD插件)

1 个答案:

答案 0 :(得分:3)

我首先升级到最新的RequireJS并查看此链接:

http://requirejs.org/docs/optimization.html#empty

本节中有关CDN的说明:

http://requirejs.org/docs/api.html#config

require.config( { paths : {} } )的本地回退示例:

  

用于检测负载故障,undef()模块,修改路径和重新加载的上述模式是一个很常见的请求,它也有一个简写。路径配置允许数组值:

requirejs.config( {
    // To get timely, correct error triggers in IE, 
    // force a define/shim exports check.
    enforceDefine : true,
    paths : {
        jquery : [
            '//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min',
            //If the CDN location fails, load from this location
            'lib/jquery'
        ]
        // etc.
    }
} );