RequireJS-集中管理模块

RequireJS - Managing Modules Centrally

本文关键字：模块 管理 集中 RequireJS-      更新时间：2023-09-26

也许我在文档中遗漏了这一点，但现在开始。我有一个负责管理模块的核心控制器。到目前为止，我有大约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小部件。

我已经通过使用排序的"package"模式解决了同样的问题。基本上，这个包充当了我的小部件的门面。为了让你更好地了解我所说的内容，请考虑以下内容：

widgets.js:

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

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

这种方案可以通过导入facade来简单地引用小部件。就我而言，这是非常有益的。我在其他一些地方也使用了同样的想法来包装模块，使其更易于使用。

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

相关文章：