web前端全系列 教程
1839个小节阅读:2243.4k
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
在 tsconfig.json 文件中按照顶层属性,分为以下几类
顶层属性名称 | 作用 | 使用场景 |
---|---|---|
compilerOptions | 配置编译选项 | 编译选项配置非常繁杂,有很多配置 |
compileOnSave | 设置保存文件的时候自动编译,需要编译器支持 | 让IDE在保存文件的时候根据 tsconfig.json 重新生成文件 |
exclude | 表示编译器需要排除的文件或文件夹 | 默认排除 node_modules 文件夹下文件 |
include | 表示编译需要编译的文件或目录 | "src":编译src目录下的所有文件和子目录;"src/":只编译src一级目录下的文件;"src//*":只编译src二级目录下的文件 |
extends | 引入其他配置文件,继承配置 | 把基础配置抽商成tsconfig.base.json文件,然后引入 |
files | 表示编译需要编译的单个文件列表 | 指定编译文件是src目录下的文件 |
references | 指定依赖的工程 | 前端项目和后端node项目在同一目录下开发,两个项目依赖同一个配置文件,但我们希望前后端项目进行灵活的分别打包,那么我们可以配置references |
typeAcquisition | 设置自动引入库类型定义文件(.d.ts)相关 | 包含3个子属性:enable:布尔类型,是否开启自动引入库类型定义文件(.d.ts),默认为false;include:数组类型,允许自动引入的库名,如:【"jquery","lodash"】;exculde:数组类型,排除的库名 |
compilerOptions
属性作用是配置编译选项
xxxxxxxxxx
{
"compilerOptions": {
"target": "ES6", // 目标语言的版本
"removeComments": true, // 删除注释
"outDir": "./dist/", // 编译输出路径
"sourceMap": true, // 生成目标文件的sourceMap文件
}
}
compileOnSave
属性作用是设置保存文件的时候自动编译,但需要编译器支持
xxxxxxxxxx
{
"compileOnSave": false,
}
温馨提示
vsCode配置:终端 -> 运行任务 -> typescript -> tsc:监视
files
属性作用是指定需要编译的单个文件列表
xxxxxxxxxx
{
"files": [
"./src/index.ts"
]
}
exclude
属性作用是指定编译器需要排除的文件或文件夹
默认排除 node_modules
文件夹下文件
xxxxxxxxxx
{
"exclude": [
"src/lib"
]
}
include
属性作用是指定编译需要编译的文件或目录
xxxxxxxxxx
{
"include": [
// "src" // 会编译src目录下的所有文件,包括子目录
// "src/*" // 只会编译src一级目录下的文件
"src/*/*" // 只会编译src二级目录下的文件
]
}
extends
属性作用是引入其他配置文件,继承配置
xxxxxxxxxx
{
"extends": "./tsconfig.base.json"
}
references
属性作用是指定工程引用依赖。 在项目开发中,有时候我们为了方便将前端项目和后端node
项目放在同一个目录下开发,两个项目依赖同一个配置文件和通用文件,但我们希望前后端项目进行灵活的分别打包,那么我们可以进行如下配置 (但我们并不推荐这么操作)
xxxxxxxxxx
{
"references": [
{"path": "./common"}
]
}
typeAcquisition
属性作用是设置自动引入库类型定义文件(.d.ts)相关。 包含 3 个子属性
enable
: 布尔类型,是否开启自动引入库类型定义文件(.d.ts),默认为 falseinclude
: 数组类型,允许自动引入的库名,如:["jquery", "lodash"]exculde
: 数组类型,排除的库名xxxxxxxxxx
{
"typeAcquisition": {
"enable": false,
"exclude": ["jquery"],
"include": ["jest"]
}
}
实时效果反馈
1. 在TypeScript配置文件tsconfig.json中,extends的作用是:
A 继承配置
B 指定需要编译的文件或目录
C 指定需要编译的单个文件列表
D 设置保存文件的时候自动编译
答案
1=>A