Sim*_*ias 8 javascript amd requirejs backbone.js
我正在使用针对AMD的Require.js进行Backbone应用程序.我正在从谷歌CDN加载jQuery,但在构建之后,jQuery的路径似乎被打破了.
构建正在发生,没有任何麻烦或错误.但是一旦我使用构建版本,使用此URL将jQuery添加到页面:
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();
});
Run Code Online (Sandbox Code Playgroud)
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;
}
}
}
})
Run Code Online (Sandbox Code Playgroud)
(我正在使用use.js来加载非AMD插件)
我首先升级到最新的 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.
}
} );
Run Code Online (Sandbox Code Playgroud)