backbone.js - RequireJs: use auto-carga-deps con calce

Question

Definí una configuración RequireJs que define rutas y cuñas:

require.config({
// define application bootstrap
deps: ["main"],
// define library shortcuts
paths: {
app: "app"
, jquery: "lib/jquery"
, underscore: "lib/underscore"
, backbone: "lib/backbone"
, bootstrap: "lib/bootstrap"
},
// define library dependencies
shim: {
jquery: {
exports: "$"
},
underscore: {
exports: "_"
},
backbone: {
deps: ["underscore", "jquery"],
exports: "Backbone"
},
bootstrap: {
deps: [''jquery''],
exports: "bootstrap"
},
// main application
app: {
deps: ["backbone"],
exports: "App"
}
}
});

Como puede ver, la última declaración "shim" debería permitirle acceder a la red troncal (y a la última) cuando cargue la aplicación principal (-paso de nombre).

En realidad esto no funciona:

require(["app"], function($, _, Backbone, App){
app.router = new Backbone.Router.extend({
// routing and route actions
});
});

Lo que me hace pensar es que en el proyecto "backbone-boilderplate", Backbone (y sus deps) están disponibles de esta manera: https://github.com/tbranyen/backbone-boilerplate/blob/master/app/main.js

Ni siquiera tuvo que definir esto en la función.

Entonces, ¿qué estoy haciendo mal?

Answer 1

Elimine los parámetros $, _, Backbone de la función require en la que extiende el enrutador. Las cuñas exportan valores globales, por lo que no es necesario hacer referencia a ellas en require o define llamadas como lo hace para las dependencias normales.

Pasarlos como parámetros complica las variables globales y lo más probable es que no estén definidos.

Answer 2

Por lo que he leído, requirejs pasa argumentos en función de lo que especifique en la matriz ... Por lo tanto, su llamada debería verse así:

require(["app"], function (App) { // less arguments
});

O así:

require(
["jquery", "underscore", "backbone", "app"], // more deps
function ($, _, Backbone, App) {
}
);