配置 tsconfig.json

tsconfig.json 所包含的属性并不多，只有 7 个，ms 官方也给出了它的定义文件。但看起来并不怎么舒服，这里就翻译整理一下。（若有误，还请指出）

• files: 数组类型，用于表示由 ts 管理的文件的具体文件路径
• exclude: 数组类型，用于表示 ts 排除的文件（2.0 以上支持 Glob）
• include: 数组类型，用于表示 ts 管理的文件（2.0 以上）
• compileOnSave: 布尔类型，用于 IDE 保存时是否生成编译后的文件
• extends: 字符串类型，用于继承 ts 配置，2.1 版本后支持
• compilerOptions: 对象类型，设置编译的选项，不设置则使用默认配置，配置项比较多，后面再列
• typeAcquisition: 对象类型，设置自动引入库类型定义文件(.d.ts)相关，该对象下面有 3 个子属性分别是：
  • enable: 布尔类型，是否开启自动引入库类型定义文件(.d.ts)，默认为 false
  • include: 数组类型，允许自动引入的库名，如：["jquery", "lodash"]
  • exculde: 数组类型，排除的库名

如不设定 files 和 include，ts 默认是 exclude 以外的所有的以 .ts 和 .tsx 结尾的文件。如果，同时设置 files 的优先级最高，exclude 次之，include 最低。

上面都是文件相关的，编译相关的都是靠 compilerOptions 设置的，接着就来看一看。

一般情况下，tsconfig.json 文件只需配置 compilerOptions 部分。

{
  "compilerOptions": {
    // 允许引入没有默认导出的模块
    "allowSyntheticDefaultImports": true, 
    "module": "es2015",
    "removeComments": true,
    "preserveConstEnums": true,
    "sourceMap": true,
    "strict": true,
    "target": "es5",
    "lib": [
      "dom",
      "es5",
      "es2015"
    ]
  }
}

其中，allowSyntheticDefaultImports 是使用 vue 必须的，而设置 module 则是让模块交由 webpack 处理，从而可以使用 webpack2 的摇树。另外，加上allowJs，这样就可以一点点将现有的 js 代码转换为 ts 代码了。

如果，你在 webpack 中设置过 resolve -> alias，那么，在 ts config 中也需要通过 baseUrl + path 的方式来定义模块查找的方式。

<a name="tslint"></a>

转自：https://www.cnblogs.com/cczlovexw/p/11527708.html