tsconfig.json 文件结构与配置

在 tsconfig.json 文件中按照顶层属性，分为以下几类

配置说明

compilerOptions

compilerOptions 属性作用是配置编译选项

xxxxxxxxxx
{
    "compilerOptions": {
        "target": "ES6", // 目标语言的版本
        "removeComments": true, // 删除注释 
        "outDir": "./dist/", // 编译输出路径
        "sourceMap": true, // 生成目标文件的sourceMap文件
    }
}

compileOnSave

compileOnSave 属性作用是设置保存文件的时候自动编译，但需要编译器支持

xxxxxxxxxx
{
  "compileOnSave": false,
}

温馨提示

vsCode配置：终端 -> 运行任务 -> typescript -> tsc:监视

files

files 属性作用是指定需要编译的单个文件列表

xxxxxxxxxx
{
    "files": [
        "./src/index.ts"
    ]
}

exclude

exclude 属性作用是指定编译器需要排除的文件或文件夹

默认排除 node_modules 文件夹下文件

xxxxxxxxxx
{
  "exclude": [
    "src/lib"
  ]
}

include

include 属性作用是指定编译需要编译的文件或目录

xxxxxxxxxx
{
  "include": [
    // "src" // 会编译src目录下的所有文件，包括子目录
    // "src/*" // 只会编译src一级目录下的文件
    "src/*/*" // 只会编译src二级目录下的文件
  ]
}

extends

extends 属性作用是引入其他配置文件，继承配置

xxxxxxxxxx
{
    "extends": "./tsconfig.base.json"
}

references

references 属性作用是指定工程引用依赖。 在项目开发中，有时候我们为了方便将前端项目和后端node项目放在同一个目录下开发，两个项目依赖同一个配置文件和通用文件，但我们希望前后端项目进行灵活的分别打包，那么我们可以进行如下配置 (但我们并不推荐这么操作)

xxxxxxxxxx
{
  "references": [ 
     {"path": "./common"}
  ]
}

typeAcquisition

typeAcquisition 属性作用是设置自动引入库类型定义文件(.d.ts)相关。 包含 3 个子属性

• enable : 布尔类型，是否开启自动引入库类型定义文件(.d.ts)，默认为 false
• include : 数组类型，允许自动引入的库名，如：["jquery", "lodash"]
• exculde : 数组类型，排除的库名

xxxxxxxxxx
{
  "typeAcquisition": {
    "enable": false,
    "exclude": ["jquery"],
    "include": ["jest"]
  }
}

实时效果反馈

1. 在TypeScript配置文件tsconfig.json中，extends的作用是：

A 继承配置

B 指定需要编译的文件或目录

C 指定需要编译的单个文件列表

D 设置保存文件的时候自动编译

答案

1=>A