使用 Map function 在 JS ES6 上導入文件/庫

Question

我有一個關於 JS 導入的問題。 有一個包含文件和路徑的 JSON 列表。

[
   {
      "name":"example",
      "path":"./value/example.json"
   },
   {
      "name":"example2",
      "path":"./value/example2.json"
   }
]

我可以使用map()導入這些文件嗎？ 結果應該是這樣的：

import example from './value/example.json';
import example 2 from './value/example2.json';

當我的名單上有 10+ 和 20+ 時，似乎太長了。

Answer 1

是的，你可以使用這樣的東西：

const importItems = [
  {
    name: "example",
    path: "./value/example.json"
  },
  {
    name: "example2",
    path: "./value/example2.json"
  }
]
importItems.map((imp) => {
  import(imp.path).then((item) => {
      // Use your exported item, item.default or item.example...
  });
})