RequireJs: Utilizzare caricamento automatico-dipendenze con spessore

Question

Ho definito una configurazione RequireJs che definisce i percorsi e gli spessori:

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" 
     } 
    } 
}); 

Come vedi l'ultimo "shim" dichiarazione dovrebbe rendere in grado di accedere spina dorsale (e deps) quando carico l'app principale (-namespace).

In realtà questo non funziona:

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

Quello che mi fa chiedo è che nella "spina dorsale-boilderplate" -project, spina dorsale (e le sue dipendenze) sono disponibili in questo modo: https://github.com/tbranyen/backbone-boilerplate/blob/master/app/main.js

Non c'era nemmeno bisogno di definire questo nella funzione.

Quindi cosa sto sbagliando?

Answer 1

Rimuovere il $, _, Backbone -parametri dalla funzione require -function dove si estende il router. Gli shim esportano i valori globali, quindi non è necessario fare riferimento ad essi nelle chiamate require o define come per le dipendenze regolari.

Passandoli come parametri, si mischiano con le variabili globali e molto probabilmente i risultati sono indefiniti.

Answer 2

Da quello che ho letto, requirejs passa gli argomenti in base a quanto specificato nella matrice ... Così la chiamata dovrebbe essere simile a questo:

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

O come questa:

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