如何獲取目錄中的所有文件？

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