Backbone.js和Require.js

Question

我想用Require.js创建Backbone.js应用。 但是我在控制台中出错 ： 未捕获的错误：尚未为上下文：_加载模块名称“ underscore”。 使用require（[]）

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

            }
        }
    });

    define('app', ['jquery','backbone', 'underscore'], function ($, Backbone, _){

        var Model = Backbone.model.extend({});
        var model = new Model;
    });

    require(['app','jquery', 'backbone', 'underscore']);

我该如何解决这个问题？

Answer 1

垫片在path对象中被提及。 我不确定这是否是问题，但想在这里提及。

Answer 2

您仍然需要将underscore列出为paths的一部分，以便可以在垫片中对其进行引用。 另外，不确定您的目录结构是什么样子，但是我是在假设库代码位于/js/libs目录中的情况下编写的。 最后，请注意，您require app任何依赖关系– RequireJS的乐趣在于，它将确定要加载的内容。

所以...

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

    }
});

define('app', ['jquery','backbone', 'underscore'], function ($, Backbone, _){
    var Model = Backbone.Model.extend({});
    var model = new Model({
        foo: 'bar'
    });

    var app = {
        model: model
    };

    // ...

    return app;
});

require(['app'], function(App) {
    App.model.get('foo'); // <<=== returns 'bar'
});

Answer 3

您需要您的require语句中列出的Underscore.js 。