Javascript 从requirejs迁移到es6导入

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

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

它使用了几个组件，但让我们简化它，并假设它只有这个组件

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

我有两个require配置文件，它们定义了应用程序需要运行的模块的位置，并且我可以定义应用程序在每种情况下应该使用的组件集

标准配置：

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导入和导出，而文档中没有涉及这个特定的问题

---

有什么想法吗？

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

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

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

然后在StandardComponentLoader中执行所有导入操作：

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

export { eventHandler };

---

您需要解决的最大问题之一是，ES6导入（目前）是同步的，这与后面的异步模块定义（AMD）相反，后者需要.js。是否要保留库导入的异步性？是否要合并ES6的异步方案？您可以在这里了解一下这一区别：。您能否在构建过程中传递一个环境变量，并使用它来驱动要获取的导入？