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

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

widgets.js：

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

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

此方案可以简单地通过导入外观来引用小部件。就我而言，这非常有益。我在其他一些地方使用相同的想法来包装模块并使它们更容易使用。

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

RequireJS - 集中管理模块

1 个答案: