首頁 > web前端 > js教程 > ES6中如何從一個目錄匯入多個模組?

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

Patricia Arquette
發布: 2024-12-01 05:24:13
原創
437 人瀏覽過

How Can I Import Multiple Modules from a Directory in 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板