如何获取目录中的所有文件？

Question

我在 React 的一个文件夹中有许多文件。 它们中的每一个都必须自初始化。 为此，我需要导入它们。 我不想单独导入每个文件。 我需要获取所有文件的列表。 但是我们无法访问客户端上的 FS。 我尝试了这个https://github.com/diegohaz/list-react-files解决方案，但它不起作用（看起来它以某种方式使用了 fs，并给出了错误）。 我能以直接的方式解决我的问题吗？ 这可以使用 web-pack 来完成吗？ 有什么想法吗？

Answer 1

是的，我们在客户端上没有 fs，所以我们需要手动创建每个文件。 但有一种简单的方法可以做到。

制作一个注册表文件，在其中放置 registry.js 相对文件的路径

{
  "file1": "/folder1/sda.png",
  "file2": "/folder2/asd.png"
}

现在你不需要手动导入每个文件 import registry.json

import registry from registry.json

for x in registry {
  try {
     require(`path to registry/${registry[x]}`)
  } catch (e) {
    console.log(e)
 }