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

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"
}

现在，您无需手动导入每个文件 导入Registry.json

import registry from registry.json

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