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/