从requirejs迁移到es6导入

Question

我有一个使用requireJS加载组件的javascript应用程序。这是一个简单的示例，说明它是如何工作的：

require(['eventHandler'], function(eventHandler)) {
    ... // app code that uses the eventHandler in some way
}

它使用了几个组件，但让我们简化它并假装它是唯一的一个。

在我们公司开发的大型web应用程序的两个部分中，我有两个不同的“版本”迷你应用程序。为了提高可重用性，我想出了以下想法：

我有2个需要配置的文件，它们定义了应用程序需要运行的模块的位置，我可以定义它应该为每种情况使用的组件集。

标准配置：

require.config({
paths : {
    // components
    eventHandler : 'lib/eventHandlers/standardEventHandler',
    ...
});

特殊配置：

require.config({
paths : {
    // components
    eventHandler : 'lib/eventHandlers/specialEventHandler',
    ...
});

当我加载应用程序时，我执行以下操作：

 <script data-main="@standardConfigFile" src="/lib/require/require.js"
        type="text/javascript" charset="UTF-8"></script>

这就是我如何为每种配置加载不同的组件。目前我有两个不同的，但我希望很快增加这个数字。

现在我们正在切换到具有本机导入和导出的es6模块，我想知道如何将我当前的体系结构迁移到本机js导入和导出，而文档并没有涵盖这个特定的问题。

有什么想法吗？

Answer 1

我找到了答案，其实很简单。我只需要做一个“导入器”模块。

在我的主要组件中，我将执行以下操作：

import * as components from '@standardComponentsLoader.js';

然后在standardComponentsLoader中执行所有导入：

import * as eventHandler from '@standardEventHandler.js';

export { eventHandler };