ts(4) | 青训营笔记

38 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 12 天

接着学习ts的知识点

ts的编译选项

ts的编译选项就是对于tsconfig.json文件的一些解析。

tsc 文件名 -w 用来监视ts文件的变化,能够实现对ts文件的自动编译,不过要注意,文件监视是由一个间隔的,每个间隔检测到文件改变,就会自动编译ts文件。

当我们目录下有了tsconfig.json文件后直接使用 tsc 命令就可以编译所有的ts文件。不管tsconfig.json文件是否有无代码。当有了tsconfig.json文件后使用命令** tsc -w** 会对全局的ts文件添加监视,每间隔一段时间进行自动编译。

tsconfig.ts配置---include

include定义希望被编译的文件,默认写法是

“include”:["**/**"]

如果是带有路径的表示希望项目下只编译的文件路径。

“include”:["./src/**/*"]

这样的就表示运行tsc编译src下的任何目录下的任何文件,一个* 代表任何文件,二个** 代表任何目录。

tsconfig.json配置---exclude

作用与include是相反的,定义不希望被编译的文件路径。

“exclude”:["./src/**/*"]

代表的是希望不编译的路径里的文件和目录,这个exclude用到的场景是比较少的。

tsconfig.json配置---files

files指定被编译文件的列表,只有编译文件少数的时候在用到。

{

"[files]:[

"core.ts",

"sys.ts",

"types.ts",

"scanner.ts",

"parser.ts",

"utilities.ts",

"binder.ts",

"checker.ts",

"tsc.ts"

]

}

这是参考ts官网的一个写法。可以看到files里放的是希望被编译的ts文件,files使用的场景是ts文件少的场景哦。

下面是compileroptions编译器选项,是在rsconfig.json中比较重要的选项。首先是target

target用来指定ts被编译的ES版本。如es6,es7等等。写法是:

“target”:“es6”

这样就可以指定ts被编译的es版本了,这边指定的是es6版本。

compileroptions编译器选项--module

定义模块化的标准。写法如下

module”:“es2015”

这样便可以指定模块的标准位es2015了,也可以指定别的,如es3,es5,es6等等。