ES6模块

ES6导出：

  1. // 单独导出
  2. export let a = 1
  4. // 批量导出
  5. let b = 1;
  6. let c = 2;
  7. export {b, c}
  9. // 导出接口
  10. export interface p {
  11.     x: number;
  12.     y: number;
  13. }
  15. // 导出函数
  16. export function f() {}
  18. // 导出时取别名
  19. function g() {}
  20. export {g as G}
  22. // 默认导出，无需函数名
  23. export default function() {
  24.     console.log('i am default')
  25. }
  27. // 引入外部模块，重新导出
  28. // export {str as hello} from './b'
  30. /*
  31. b.ts
  32. export const str = 'hello'
  33. */

ES6导入：

  1. import { a, b, c } from './a'; // 批量导入
  2. console.log(a, b, c) // 1 1 2
  4. import { P } from './a'; // 导入接口
  5. // 导入接口，进行结束变量
  6. let p: P = {
  7.     x: 1,
  8.     y: 2
  9. }
  11. import { f as F } from './a'; // 导入时起别名
  13. import * as All from './a'; // 导入模块中所有成员，绑定在All上
  14. console.log(All)
  16. import myFunction from './a'  //默认导入，不加{},导入默认
  17. myFunction()

CommonJS模块

CommonJS导出：

  1. // 整体导出
  2. let a = {
  3.     x: 1,
  4.   y: 2
  5. }
  6. module.exports = a
  8. // 导出多个变量
  9. // exports === module.exports
  10. exports.c = 3
  11. exports.d = 5

CommonJS导入：

  1. let c1 = require('./a.node')
  2. let c2 = require('./b.node')

因为node无法执行ts文件，所有安装ts-node

  1. npm i ts-node -g
  3. // 安装成功之后
  4. ts-node ./src/node/c.node.ts
  1. // 编译模板ts文件
  2. tsc ./src/es6/c.ts -t es3  (指定-t之后，编译就会忽略tsconfig.json中的target配置)
  3. tsc ./src/es6/c.ts -t es5  (编译成es5)
  5. tsc ./src/es6/c.ts -m amd  (指定-m之后，编译就会忽略tsconfig.json中的module配置)

顶级导出
注意：两个模块系统尽量不要混用。