ES6中import和export

export

//導出一個變量或函數
export const sum = 123;
export function print() {
  console.log('funcA');
}
//使用大括號方式
export { sum, print };
//使用重命名方式導出
export { sum as variableSum };

//從其他模塊導入後整體導出
export * from './foo';
//從其他模塊導入後部分導出
export { sum } from './foo';
//從其他模塊導入後，通過重命名部分導出
export { sum as variableSum } from './foo';

import

//導入一個變量或函數
import { sum, print } from './foo';
//使用重命名方式導入
import { sum as variableSum } from './foo';
//上述指定加載某個值，還可以用*指定一個對象
import * as foo from './foo';
//只導入模塊
import 'core-js';

export default

• 在一個變量之前（不需要使用let/const/var）
• 在一個函數之前
• 在一個類之前

//變量
export default (sum = 123);
//函數
export default function print() { ... }
//類
export default class Person { ... }

《深入理解TypeScript》