javascript - 如何列出 React 或 create-react-app 中的源文件夹内容？

Question

我正在使用create-react-app编写一个React应用程序。

既然我能做到:

import LocalClass from "./localfolder/LocalClass.js"

甚至(使用 dynamic import ):

import('./localfolder/LocalClass.js').then((module) => { /* ... */ })

有没有办法列出localfolder内容，以便我可以动态导入包含的文件？

列表应该在编译或捆绑时发生，而不是在运行时发生(我正在考虑自动菜单创建功能)。

该文件夹也可能包含普通类(即不是 React 组件)；我想这是捆绑程序的问题，但我不确定。

Answer 1

由于 CRA 在底层使用 Webpack，因此您可以使用 require.context()枚举给定路径中的所有可加载模块。