Как я могу перечислить содержимое папки источника в React или create-реагировать на приложение?

Question

Я пишу приложение React, используя create-react-app.

Так как я могу сделать:

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

и даже (используя dynamici c import ):

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

есть ли способ перечисления localfolder содержимого, чтобы я мог динамически импортировать содержащиеся в нем файлы?

Список должен происходить во время компиляции или сборки, а не во время выполнения (Я имею в виду автоматическую функцию создания меню c).

Папка может также содержать простые классы (т.е. не компоненты React); Я предполагаю, что это вопрос упаковщика, но я не уверен.

Answer 1

Поскольку CRA использует Webpack под капотом, вы можете использовать require.context() для перечисления всех загружаемых модулей по заданному пути.

Answer 2

Несмотря на то, что это открытый метод, после некоторого исследования

я обнаружил библиотеку: Reaction-Dynami c -import

Использование:

const loader = f => import(`./dynamic/${f}.js`);

|_ dynamic
|  |_ realComponent-en.js
|  |_ realComponent-eu.js
|  |_ realComponent-kn.js
|_ container.js <-- working file

---

См .:

• реагировать документ расщепление кода

• связанные QA