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/

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

1 个答案: