JavaScript：我可以访问包含导入模块的对象吗？

Question

我想创建一个要导入Main.js文件的模块数组。我如何访问包含导入模块的对象？

编辑为了进一步解释，我将多个类导入到Main.js包含主类的文件中。这些类中的每一个都来自它们自己的单独文件，给我这样的导入语句：

import Header from './features/Header.js';
import ImageStrip from './features/ImageStrip.js';
import AreaChart from './features/AreaChart.js';
import Axes from './features/Axes.js';

是否有一个 JavaScript 对象包含导入的模块，例如类似的东西[ Header, ImageStrip, AreaChart, Axes ]？或者是否可以创建一个？

Answer 1

没有使用当前文件的导入自动填充的数据结构。您必须构建自己的数组或对象来手动列出每个导入。

import Feature1 from './features/Feature1.js';
import Feature2 from './features/Feature2.js';
import {SubFeatureX} from './features/Feature3.js';

const imports = [Feature1, Feature2, {SubFeatureX}];
// or
const imports = {Feature1, Feature2, Feature3: {SubFeatureX}};

如果您需要在每个文件中创建此变量，并且担心手动维护列表的工作量，您可以使用Babel编译项目，并编写一个 Babel 插件来在每个文件的顶部添加此变量。