自动编译文件
- 当编译文件的时候我们加上
-w
的参数,他就会监视当前的文件并自动编译
tsc xxx.ts -w
编译项目
- 在项目下直接输入
tsc
命令,可以直接把项目下的所有的ts转义成js(在项目的根目录下有一个tsconfig.json的配置文件) - 在根目录下输入
tsc --init
可以直接生成配置文件
配置
当我们在项目的根目录下运行
tsc --init
后,他会直接生成tsconfig.json
,里面默认会有一些编译的配置
我们可进入网面的官网去看看每个配置选项到底什么意思,也可以看一下简要的中文官网
编译范围
include
他在配置中跟一个数组表示在项目下编译的文件
{
"include": ["src/**/*", "tests/**/*"]
}
**/
表示任何文件夹*
表示任何文件,如src/**/*
表示的是src下面的任何文件夹下的任何文件
exclude
他的配置表示不编译某文件夹下的内容
{
"exclude": ["src/noclude/*"]
}
如上面的表示不编译src/noclude/
文件夹下面的任何文件,需要注意的是这个不编译是相对于include
来说的,不编译include
配置下的某些文件
files
官网,我们一般使用include,但是对于少量的文件编译,就会使用
files
,他也是跟一个数组
{
"compilerOptions": {},
"files": [
"core.ts",
"sys.ts",
"types.ts",
"scanner.ts",
"parser.ts",
"utilities.ts",
"binder.ts",
"checker.ts",
"tsc.ts"
]
}
继承
用于配置文件的继承,他的后面跟一个字符串,字符串表示的是继承文件的相对路径
tsconfig.json
{
"extends": "./configs/base",
"files": ["main.ts", "supplemental.ts"]
}
这里表示的是配置继承了/configs/base.json
这个文件的配置
configs/base.json
{
"compilerOptions": {
"noImplicitAny": true,
"strictNullChecks": true
}
}
- 他会首先加载当前的配置文件
- 然后加载继承文件中的配置,继承文件中的配置会覆盖掉