我正在使用针对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插件)
答案 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.
}
} );