requireJS 为什么每个定义都必须在不同的文件中？

Question

我在我的示例演示应用程序中使用了 requireJS。这是我的代码：

require({
    paths: {
        ToDoModel: '/Scripts/ToDoModel.min',
        ToDo: '/Scripts/ToDo.min',
        ToDoService: '/Scripts/ToDoService.min'
    }
}, ['ToDo'], function (ToDo) {

    ko.applyBindings(new ToDo(), $('#toDo')[0]);
}
);

我知道应用加载后我需要一些文件。因此，我想将 ToDoModel、ToDo 和 ToDoService 合并到一个文件中，但 define 将它们分开，如下所示：

define('ToDoModel', [], function () {
    ToDoModel = function (data) {

        ko.mapping.fromJS(data, {}, this);


    }
    return ToDoModel;
});

正如您在路径属性中看到的那样，所有的时刻都在单独的文件中。

Answer 1

RequireJS 不要求 define 调用位于不同的文件中。只是在开发中“一个文件，一个模块（即一个define）”工作得很好。事实上，RequireJS 优化器 (r.js) 在优化过程中将多个 define 调用合并到一个文件中。没问题。

您在问题中显示的设置在我看来就像一个开发设置。通常，在开发中，我们将 RequireJS 加载模块作为单独的文件，而不是缩小。 （您的示例表明您正在加载经过修改的代码。）对于部署，我们使用 r.js 将各种模块缩小并连接到 RequireJS 加载的 一个 文件中。

根据您在问题中显示的内容，如果您不使用缩小文件，则可以使用如下配置：

{
    baseUrl: "/Scripts"
}

并且 RequireJS 将能够根据它们的名称找到您的各个模块，因为它们的名称中不会包含 .min。