ES6中如何從一個目錄匯入多個模組？

從多個檔案匯入ES6 模組

ES6 允許使用語法import {ThingA, ThingB, ThingC} from 從一個檔案多個導出'lib/東西';。但是，也可以使用語法 import ThingA from 'lib/things/ThingA'; 從單獨的檔案匯入相同的匯出；這可能導致缺乏組織。

為了解決這個問題，需要使用通配符導入目錄中所有檔案的匯出，例如，從下列位置匯入{ThingA, ThingB, ThingC} 'lib/things/*';.

可用性

不幸的是，目前不支援此功能。模組名稱的解析由模組載入器處理，且沒有已知的實作支援通配符。

解決方法

在通配符導入可用之前，一個可行的解決方法是創建一個lib/things/index.js 中的中間模組檔案包含以下內容：

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

這允許您匯入所需的匯出為：

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

以上是ES6中如何從一個目錄匯入多個模組？的詳細內容。更多資訊請關注PHP中文網其他相關文章！