Chargement de la colonne vertébrale et le trait de Soulignement à l'aide de RequireJS

RequireJS 2.X maintenant organiquement adresses non-AMD modules tels que l'épine Dorsale & trait de Soulignement beaucoup mieux, à l'aide de la nouvelle cale de configuration.

La shim configuration est simple à utiliser: (1) l'un des états les dépendances (deps), le cas échéant, (qui peut être de l' paths de configuration, ou peut-être valable chemins eux-mêmes). (2) (facultatif) spécifiez le nom de la variable globale à partir du fichier de calage, qui doit être exportées vers votre module de fonctions qui en ont besoin. (Si vous ne spécifiez pas les exportations, alors vous aurez besoin d'utiliser l'échelle mondiale, que rien ne sera transmis à votre besoin/définir des fonctions.)

Voici un exemple simple d'utilisation de shim à la charge de la colonne vertébrale. Il ajoute également un export pour souligner, même si elle n'a pas de dépendances.

require.config({
  shim: {
    underscore: {
      exports: '_'
    },
    backbone: {
      deps: ["underscore", "jquery"],
      exports: "Backbone"
    }
  }
});

//the "main" function to bootstrap your code
require(['jquery', 'underscore', 'backbone'], function ($, _, Backbone) {   //or, you could use these deps in a separate module using define

});

^{Remarque: cela a simplifié le code suppose que jquery, backbone et le trait de soulignement sont dans les fichiers nommés "jquery.js", "backbone.js" et "underscore.js" dans le même répertoire que cette "main" du code, qui devient le baseURL pour exiger). Si ce n'est pas le cas, vous aurez besoin d'utiliser un les chemins de config.}

Personnellement, je pense qu'avec le haut- shim les fonctionnalités, les avantages de ne pas utiliser un fork de la version de l'épine Dorsale & Soulignent l'emportent sur les avantages de l'utilisation de l'AMD fourche recommandée dans l'autre réponse, mais de toute façon œuvres.

De référence, à partir de la version 1.1.1 (~Février '13), de la colonne vertébrale aussi l'enregistrement lui-même comme un AMD module. Il travaillera avec requirejs, sans avoir à utiliser sa cale de config. (James Burke amdjs fourche n'a pas été mis à jour depuis la version 1.1.0)

Je vais écrire directement, vous pouvez lire l'explication sur requirejs.org, vous pouvez utiliser de code ci-dessous un extrait de code pour votre usage quotidien; p.s. j'utilise yeoman) (comme beaucoup de choses, mis à jour à, la mi ce détachement Février 2014.)

Assurez-vous que vous avez inclus dans votre script index.html

<!-- build:js({app,.tmp}) scripts/main.js -->
<script data-main="scripts/main" src="bower_components/requirejs/require.js"></script>
<!-- endbuild -->

Puis, dans main.js

require.config({
    shim: {
        'backbone': {
            deps: ['../bower_components/underscore/underscore.js', 'jquery'],
            exports: 'Backbone'
        }
    },

    paths: {
        jquery: '../bower_components/jquery/jquery',
        backbone: '../bower_components/backbone/backbone'
    }
});

require(['views/app'], function(AppView){
    new AppView();
});

app.js

/**
 * App View
 */
define(['backbone', 'router'], function(Backbone, MainRouter) {
    var AppView = Backbone.View.extend({
        el: 'body',

        initialize: function() {
            App.Router = new MainRouter();
            Backbone.history.start();
        }
    });

    return AppView;
});

J'espère avoir été utile.!