RequireJS - 集中管理模块

Question

也许我在某个地方的文档中错过了这个但是这里.我有一个负责管理模块的核心控制器.到目前为止,我有大约20个模块,并且希望能够轻松地将它们配置为由核心加载.这意味着我需要大量的数组或大量的调用.在文字对象中创建模块列表然后让模块从中加载它的依赖项是否可接受/良好实践？这是我的意思的一个例子:

Config.js

modules = [
    'moduleA',
    'moduleB',
    'moduleC'
];

Core.JS

define(
    ['config'],
    function(config) {
        // Somewhere in here I parse the list and require() each one ?   
        return {
            startAll : function() {
                console.log('starting all modules.');

                // Then call a method common to all 'modules' in the list above.
            }
        }
    };
  }
);

我不确定这是一个好主意,因为我是RequireJS的新手,但我喜欢能够配置从一个地方加载哪些模块的想法.在我的模块中,我指的是我更具体地编写的UI小部件.

Answer 1

我通过使用某种“包”模式解决了同样的问题。基本上，该包充当我的小部件的外观。为了让您更好地了解我在说什么，请考虑以下内容：

小部件.js：

define(['./widgets/button', ...], function(button) {
    return {
        button: button, // expose the widgets here
        ...
    }
});

在这种情况下，按钮模块仅返回一个函数。您可能需要调整外观以适合您的情况。

该方案使得只需通过导入外观即可引用小部件。就我而言，这是非常有益的。我在其他一些地方也使用相同的想法来包装模块并使它们更易于使用。

不过，这样做您将失去 RequireJS 的一些好处。在任何情况下，这都会加载所有小部件，即使您目前不需要某些小部件。当然，在这种情况下，您可以只更新外观，但这是额外的工作......