在RequireJS中动态要求，获取“模块名称尚未加载上下文”错误？

Question

有没有办法定义一个模块，在 RequireJS 中“动态”加载其他模块？如果是，优化器（r.js）如何理解如何/何时必须包含模块？

例如，让＜code＞dynModules＜/code＞定义名称/路径对的模块：

define([], function () {
    return ['moduleA', 'moduleB']; // Array of module names
});

另一个模块将根据数组动态加载模块。这将不起作用：

define(['dyn_modules'], function (dynModules) {
    for(name in dynModules) {   
        var module = require(path); // Call RequireJS require
    }

    // ...
});

...给了我:

未捕获的错误:尚未为上下文加载模块名“moduleA”:_。使用必需的([])http://requirejs.org/docs/errors.html#notloaded

我可以解决这个错误，但是它不再是“动态的”了:

define(['dyn_modules', 'moduleA', 'moduleB'], function (dynModules) {
    for(name in dynModules) {   
        var module = require(path); // Call RequireJS require
    }

    // ...
});

Answer 1

回答我自己。来自需求JS网站：

//THIS WILL FAIL
define(['require'], function (require) {
    var namedModule = require('name');
});

这将失败，因为requirejs需要确保在调用上面的工厂函数之前加载并执行所有依赖项。[...]所以，要么不要传入依赖关系数组，要么如果使用依赖关系数组，列出其中所有的依赖关系。

我的解决方案：

// Modules configuration (modules that will be used as Jade helpers)
define(function () {
    return {
        'moment':   'path/to/moment',
        'filesize': 'path/to/filesize',
        '_':        'path/to/lodash',
        '_s':       'path/to/underscore.string'
    };
});

加载程序：

define(['jade', 'lodash', 'config'], function (Jade, _, Config) {
    var deps;

    // Dynamic require
    require(_.values(Config), function () {
        deps = _.object(_.keys(Config), arguments);

        // Use deps...
    });
});

Answer 2

该限制与简化的CommonJS语法和普通回调语法有关：

< Li > http://require js . org/docs/why amd . html # commonjscompat < Li > https://github . com/Jr Burke/require js/wiki/Differences-between-the-simplified-CommonJS-wrapper-and-standard-AMD-define

由于下载模块的时间未知，加载模块本质上是一个异步过程。但是，在模拟服务器端通用JS规范时，要求JS试图为您提供简化的语法。当你做这样的事情时：

var foomodule = require('foo');
// do something with fooModule

幕后发生的事情是，RequireJS正在查看您的函数代码体，解析出您需要“foo ”,并在您的函数执行之前加载它。然而，当变量或除了简单字符串之外的任何东西，比如你的例子...

var module = require(path); // Call RequireJS require

...那么Require就不能解析它并自动转换它。解决方法是转换为回调语法；

var moduleName = 'foo';
require([moduleName], function(fooModule){
    // do something with fooModule
})

鉴于上述情况，下面是第二个示例的一个可能改写，以使用标准语法：

define(['dyn_modules'], function (dynModules) {
    require(dynModules, function(){
        // use arguments since you don't know how many modules you're getting in the callback
        for (var i = 0; i < arguments.length; i++){
            var mymodule = arguments[i];
            // do something with mymodule...
        }
    });

});

编辑：从您自己的回答中，我看到您使用了下划线/下划线，所以使用了_。值和_。object可以简化通过参数数组的循环，如上所述。