javascript - 如何从 ES6 中的目录导入所有文件？

Question

没有进入代码，我有一个奇怪的情况，使用 ReactJS 的框架将根据其用例导入未知数量的文件。有时开发人员可能有 5 个文件要导入，有时是 2....

因此，一个组件本质上是像下面这样以一堆方式导入文件。有没有办法通过遍历它们来编写“从页面目录中导入所有文件”的代码？我知道这可能是不可能的，因为 React 是一种非服务器端语言，但至少必须有更好的方法来导入它们......

旁注，如所见，名称对进口无关紧要

import one from '../pages/1_1';
import two from '../pages/2_1';
import three from '../pages/3_1';
import four from '../pages/4_1';
import five from '../pages/5_1';
import six from '../pages/6_1';
import seven from '../pages/7_1';
import eight from '../pages/8_1';

const Contents = [one,two,three,four,five,six,seven,eight];

export default Contents;

Answer 1

JS 无法在 中运行(没有服务器端代码)您的浏览器 可以知道文件系统的文件夹结构。因此“从文件夹中导入所有文件”是不可能的。您可以做的是(手动)导入模块中的所有文件并管理模块本身。

引用:https://hacks.mozilla.org/2018/03/es-modules-a-cartoon-deep-dive/