如何在 JavaScript 中導入目錄中的所有模組？

使用通配符從目錄中的所有檔案匯入模組

使用ES6 時，可以從單一檔案匯入多個匯出使用下列語法：

import {ThingA, ThingB, ThingC} from 'lib/things';

但是，出於組織目的，可能更可取每個檔案有一個模組。這會導致類似於以下內容的導入：

import ThingA from 'lib/things/ThingA';
import ThingB from 'lib/things/ThingB';
import ThingC from 'lib/things/ThingC';

理想的情況是使用通配符從目錄中的所有文件導入模組，如下所示：

import {ThingA, ThingB, ThingC} from 'lib/things/*';

這將遵循遵循讓每個文件包含一個預設導出並將其命名與其文件相同的約定。

的可行性通配符

不幸的是，JavaScript 目前不支援使用通配符導入模組。模組名稱解析由模組載入器處理，並且可能有支援此功能的特定實作。

替代解決方案

在沒有通配符支援的情況下，您可以在 lib/things/index.js中建立一個中間“模組檔案”，其中包含以下內容：

export * from 'ThingA';
export * from 'ThingB';
export * from 'ThingC';

這允許您匯入使用單一語句所需的模組：

import {ThingA, ThingB, ThingC} from 'lib/things';

以上是如何在 JavaScript 中導入目錄中的所有模組？的詳細內容。更多資訊請關注PHP中文網其他相關文章！