淺析export * from 與 export {default} from用法

統一導入導出:可以将統一目錄下的多個可導出檔案統一導出

在需要導入的地方可通過解構導入即可

常見導出結構

// xxx.js
export const Aa = "a"
export const Bb = 111
export default = [1,2,3]
           

相當于

// import {} from "xxx"  解構導入
xxxModele.Aa = "a"
xxxModele.Bb = 111
// import anyName from 'xxx'  預設導入
xxxModele.default = [1,2,3]
           

會把

xxx

中所有的

非default

導出

export * from './xxx'
// 無法在外部 import {default} from "xxx"
           

需要 xxx 中導出 default

export { default } from './xxx'
// 或
export { default as alias } from './xxx'
           

需要 xxx 中導出 Aa、Bb

export { Aa , Bb  } from './xxx'