@ChristiMihaiが述べたように、BackboneはグローバルBackboneオブジェクトを作成しました。Require.js / Backbone/Handlebarsアプリで私が行っていることの例を挙げましょう。
まず、Requireconfigを以下に含めます<head>
。
var require_config = {
baseUrl: "/javascripts",
waitSeconds: 5,
paths: {
'cdnjs': 'http://ajax.cdnjs.com/ajax/libs',
'aspnetcdn': 'http://ajax.aspnetcdn.com/ajax',
'cloudflare': 'http://cdnjs.cloudflare.com/ajax/libs',
'local': '/javascripts'
}
}
if (typeof require !== 'undefined') {
require.config(require_config);
} else {
var require = require_config;
}
その後、requireモジュールをブートストラップします。例:
define([
'app'
],
function() {
console.log('Homepage module');
/*
... this is the meat of your app...
you can add other dependencies beside `app` too
*/
});
これapp
が、baseUrlを介して解決さ/javascripts/app.js
れ、必要なすべてのdepsを順番に含む主な依存関係であり、次のようになります。
define([
'order!cdnjs/json2/20110223/json2',
'order!cloudflare/underscore.js/1.3.1/underscore-min',
'order!cloudflare/backbone.js/0.9.2/backbone-min',
'order!handlebars/handlebars-1.0.0.beta.6.min',
'order!lib/ns',
'bootstrap'
], function(){});