ES6 Module export與import複合使用

export與import複合使用

基本語法

export {...} from '文件';

等價於

import {...} from "文件"；

export {...}

先載入模塊，然後重定義輸出。

重定義輸出名

重定義預設變數名

// a.js
export const b = 1;
export default () => {
    console.log("預設");
}

export {default as f, b} from "./a.js"

整體輸出

export * 整體輸出是輸出 a.js中定義的所有變數，但是 無法輸出  default 變數。（僅限於整體輸出）

// a.js
export const b = 1;
export const c = 5;
export default () => {
    console.log("預設");   
}

export * from "./a.js"；   //  default 無法輸出。