当前位置: 首页 > Web前端 > HTML5

TypeScript(二)——配置文件注解

时间:2023-04-06 00:14:38 HTML5

目录配置文件注解使用说明TypeScript学习图之前我们讲了TypeScript(一)——理解与快速入门,现在解释一下配置文件中选项的含义。在编译项目的时候,可以生成一个配置文件tsconfig.json#yarnyarntsc--init#npmtsc--init里面的属性是typescript编译器配置的一些选项。下面是一些常用的配置及其含义,以后可以根据需要进行补充。配置文件注解{"compilerOptions":{//设置编译javascript使用的标准"target":"es5",/*指定ECMAScript目标版本:'ES3'(default),'ES5','ES2015','ES2016'、'ES2017'、'ES2018'、'ES2019'、'ES2020'或'ESNEXT'。*///可以指定引用的标准库,默认是[],下面引用的是ES2015标准库,避免Symbol和Promise报错//第二个DOM是DOM+BOM,console或者类似。如果是空数组,就不用写了,默认就有了。如果自己修改这个数组,必须手动添加"lib":["ES2015","DOM"],/*指定要编译包含的库文件。*///用什么方法模块化输出代码,这里是commonJS,会把输入输出变成require和module.export的方法"module":"commonjs",/*指定模块代码生成:'无”、“commonjs”、“amd”、“系统”、“umd”、“es2015”、“es2020”或“ESNext”。*///开启源码映射,调试时我们可以使用sourceMap文件调试typescript源码"sourceMap":true,/*生成对应的'.map'文件。*///设置编译生成的输出文件夹"outDir":"dist",/*将输出结构重定向到目录。*///源码ts文件所在文件夹"rootDir":"src",/*指定根目录输入文件的目录。用于通过--outDir控制输出目录结构。*//*类型检查相关的StrictType-CheckingOptions*///启用严格模式,非常严格的类型检查//例如:任何类型,也要严格写成"strict":true,/*启用所有严格类型-检查选项。*///检查变量不能为空和null,可以启用"strictNullChecks":true,/*启用严格的null检查。*/}}使用说明有了配置文件后,配置文件只有在我们使用tsc命令编译整个工程时才会生效。如果是单个文件就不行#yarnyarntsc#npmtscTypeScript学习图