05-TypeScript的编译配置

编译一个ts文件， 使用命令 tsc xxx.ts ； 每次使用命令编译太麻烦， 可以使用 tsc xxx.ts -w 编译并监视文件的变化， 当发现文件有变化， 会自动编译文件。如果感觉一个文件一个文件的编译太麻烦， 可以使用命令 tsc 一次性编译所有文件； 编译并监视所有文件， 使用命令 tsc -w。

使用配置文件配置编译选项， 新建 tsconfig.json 文件

{ 
 	//  设置需要编译的文件路径
  //	/**: 表示任意文件夹
  //  /*:  表示任意文件
  include: [
    ./src/**/*
  ],
  // 设置不需要编译的文件路径
  exclude: [
    "node_modules"
  ],
  // 设置需要编译的文件
  files: [
    app.js
  ],
  // 编译器选项
  "compilerOptions": {
    // 用来指定ts被编译为ES的版本
    "target": "es5",
    // 用来指定要使用的模块化规范
    "module": "commonjs",
    // 是否生成转换后的代码位置和转换前的代码位置的映射信息文件
    "sourceMap": true,
    // 要使用的功能模块， 如ES5， DOM等
    "lib":[],
    // 指定输出目录
    "outDir": "./dist",
    // 允许编译器编译JS，JSX文件
    "allowJS": true,
    // 允许在JS文件中报错，通常与allowJS一起使用
		"checkJs": true,
  },
}
复制代码

因为配置项很多， 其他配置可自行百度或谷歌。