如何在javascript中自动生成导入或动态导入

Question

大家好我有这样的文件夹结构：

component A
    --- other files
    extra.js
component B
    --- other files
    extra.js
component C
    --- other files
    extra.js
main.js

在名为“extra.js”的每个文件中，我正在导出一个包含我的应用所需信息的json。

在main.js中，我导入json每个extra.js，操纵它并用它做任务。

main中的代码最终看起来像这样：

import A from './A/extra';
import B from './B/extra';
import C from './C/extra';

for json in [A, B, C]:
    do stuff with the json

这里的问题是重复。每次我创建一个新组件时，我都必须在两个地方将组件添加到main。每次删除组件时，我都必须删除main中的代码。非常容易出错。应该是自动化的。

我想一个解决方案可能只是将所有extra.js组合成一个巨大的json文件，但是我们有很多组件，我宁愿将它们分开，因为它可以让所有权变得更容易。

我想做的是：

for folder in './':
    import extra from folder + '/extra';
    do stuff with the json

或者以某种方式生成包含所有导入的javascript，以便开发人员不必自己动手。

create a autogen.js file
for folder in './':
   append 'import ' + folder + ' from ' + folder + '/extra;'

... later import autogen.js into main.js

不知道该怎么做。有什么想法吗？