使用 RequireJS 加载主干和下划线

RequireJS 2.X现在使用新的填充码配置，可以更好地解决非AMD模块（如Backbone & Underscore）的地址。

配置易于使用：（1）一个声明依赖关系（如果有的话）（可能来自配置，或者可能是有效的路径本身）。（2）（可选）从要填充的文件中指定全局变量名称，该名称应导出到需要它的模块函数中。（如果您没有指定导出，那么您只需要使用全局，因为没有任何东西会传递到您的要求/定义函数中。shimdepspaths

下面是加载主干的简单示例用法。它还为下划线添加导出，即使它没有任何依赖项。shim

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

});

^{注意：这个简化的代码假设jquery，backbone和下划线位于名为“jquery.js”，“backbone.js”和“underscore.js”的文件中，与此“main”代码位于同一目录中（它成为必需的baseURL）。如果不是这种情况，则需要使用路径配置。}

我个人认为，使用内置功能，不使用Backbone & Underscore的分叉版本的好处超过了使用AMD分叉的好处，但无论哪种方式都有效。shim

更新：从版本 1.3.0 开始，下划线删除了 AMD（RequireJS）支持。

您可以使用 amdjs/Backbone 0.9.1 和 amdjs/Underscore 1.3.1 分叉，以及 James Burke（RequireJS 的维护者）支持的 AMD 支持。

有关 AMD 对 Underscore 和 Backbone 的支持的更多信息。

// main.js using RequireJS 1.0.7
require.config({
    paths: {
        'jquery': 'libs/jquery/1.7.1/jquery',
        'underscore': 'libs/underscore/1.3.1-amdjs/underscore', // AMD support
        'backbone': 'libs/backbone/0.9.1-amdjs/backbone', // AMD support
        'templates': '../templates'
    }
});

require([
    'domReady', // optional, using RequireJS domReady plugin
    'app'
], function(domReady, app){
    domReady(function () {
        app.initialize();
    });
});

模块已正确注册，无需订单插件：

// app.js
define([
    'jquery', 
    'underscore',
    'backbone'
], function($, _, Backbone){
    return {
        initialize: function(){
            // you can use $, _ or Backbone here
        }
    };
});

下划线实际上是可选的，因为Backbone现在自己获取其依赖项：

// app.js
define(['jquery', 'backbone'], function($, Backbone){
    return {
        initialize: function(){
            // you can use $ and Backbone here with
            // dependencies loaded i.e. Underscore
        }
    };
});

用一些AMD糖，你也可以这样写：

define(function(require) {
    var Backbone = require('backbone'),
        $ = require('jquery');

    return {
        initialize: function(){
            // you can use $ and Backbone here with
            // dependencies loaded i.e. Underscore
        }
    };
});

关于优化器错误：仔细检查您的构建配置。我假设您的路径配置已关闭。如果您有一个类似于 RequireJS Docs 的目录设置，则可以使用：

// app.build.js
({
    appDir: "../",
    baseUrl: "js",
    dir: "../../ui-build",
    paths: {
        'jquery': 'libs/jquery/1.7.1/jquery',
        'underscore': 'libs/underscore/1.3.1-amdjs/underscore',
        'backbone': 'libs/backbone/0.9.1-amdjs/backbone',
        'templates': '../templates'
    }, 
    modules: [
        {
            name: "main"
        }
    ]
})