公司做网站提供资料,长安镇做网站,国家重点建设网站,装饰公司网站方案TypeScript的编译配置#xff1a;
对单独一个ts文件进行监听编译 可使用tsc demo.ts -w 如果想对所有ts文件进行监听编译#xff0c;监听到变化就自己编译#xff0c;可以直接创建一个tsconfig.json文件。内容空着也OK#xff1a;{}#xff0c;执行 tsc 或 tsc -w 如果有…TypeScript的编译配置
对单独一个ts文件进行监听编译 可使用tsc demo.ts -w 如果想对所有ts文件进行监听编译监听到变化就自己编译可以直接创建一个tsconfig.json文件。内容空着也OK{}执行 tsc 或 tsc -w 如果有相应的需求可以在根目录下创建一个文件 tsconfig.json在此文件中进行配置
{/** tsconfig.json 是ts编译器的配置文件ts编译器可以根据它的信息对代码进行编译* include 用来指定哪些ts文件需要被编译 * 路径** 表示任意目录* * 表示任意文件* exclude 不需要被编译的文件目录* 默认值[node_modulesbower_componentsjspm_packages] * extends 定义被继承的配置文件 * files 指定被编译文件的列表 需要编译的文件少时可使用此选项* compilerOptions 编译器的选项* compilerOptions常用的配置项* target 用来指定ts被编译为ES的版本 具体值如下所示* es3,es5,es6,es2015,es2016,es2017,es2018,es2019,es2020,esnext* module 指定要使用的模块化的规范 值为以下所示* none,commonjs,amd,syste,umd,es6,es2015,es2020,esnext* lib 用来指定项目中要使用的库 * 如在node环境下使用documen可配置 一般不需要配置* (一般在浏览器运行不需要处理) 可选值居多dom,es6...* outDir 用来指定编译后文件所在的目录* outFile 将代码合并为一个文件 后期交给打包工具即可只做了解* 设置outFile后所有全局作用域中的代码会合并到同一个文件中* 注意:在想合并两个模块时module要选择system/amd,否则会报错 * module:system * allowJs 是否对js文件进行编译 默认为false* checkJs 是否检查js代码是否符合语法规范 默认为false* removeComments 是否移除注释 默认为false* noEmit 不生成编译后的文件 默认为false * 若只想简单看下语法是否正确不要编译后文件可写 noEmit:true* noEmitOnError 当有错误时不生成编译后的文件 * 可避免有错误的代码编译到dist下文件中* compilerOptions 语法检查配置项* strict 所有严格检查的总开关* alwaysStrict 用来设置编译后的文件是否使用严格模式 默认为false * noImplicitAny 不允许隐式的any类型 * 如果设为true代码中会对any类型的值进行提示* noImplicitThis 不允许不明确类型的this* 可在代码中写function fn(this:Window){console.log(this)}* function fn(this:any){console.log(this)} * strictNullChecks 严格的检查空值 * 代码中可以写* let box1 document.getElementByid(box1)* if(box1 ! null){* box1.addEventListener(click,function(){* console.log(hello)* }) * }* 也可写为:* box1?..addEventListener(click,function(){* console.log(hello)* }) * */include:[./src/**/*, // src目录下任意目录下的任意ts文件],exclude:[./src/hi/**/*],extends:./config/base // 表示此配置文件会自动包含config文件下base.json中的配置信息files: [core.ts,tsc.ts],compilerOptions:{// 常用配置target:es2015, module:es2015,//lib:[dom],outDir:./dist,allowJs:true, checkJs:false,removeComments:true,noEmit:false,noEmitOnError:true,// 语法检查strict:true,alwaysStrict:true, // 如果有模块的引入时文件会自动启用严格模式noImplicitAny:true,noImplicitThis:true,strictNullChecks:true}
}tsconfig.json 常用配置项 “include” 用来指定哪些ts文件需要被编译 路径** 表示任意目录* 表示任意文件“exclude” 不需要被编译的文件目录。 默认值exclude[node_modulesbower_componentsjspm_packages] “extends” 定义被继承的配置文件 “files” 指定被编译文件的列表 需要编译的文件少时可使用此选项 “compilerOptions” 编译器的选项 ---------compilerOptions常用的配置项------target 用来指定ts被编译为ES的版本* 可选值如下es3,es5,es6,es2015,es2016,es2017,es2018,es2019,es2020,esnextmodule 指定要使用的模块化的规范 值为以下所示none,commonjs,amd,syste,umd,es6,es2015,es2020,esnextlib 用来指定项目中要使用的库 如在node环境下使用documen可配置 一般不需要配置(一般在浏览器运行不需要处理) 可选值居多dom,es6...outDir 用来指定编译后文件所在的目录outFile 将代码合并为一个文件 后期交给打包工具即可只做了解设置outFile后所有全局作用域中的代码会合并到同一个文件中注意:在想合并两个模块时module要选择system/amd,否则会报错 module:system allowJs 是否对js文件进行编译 默认为falsecheckJs 是否检查js代码是否符合语法规范 默认为falseremoveComments 是否移除注释 默认为falsenoEmit 不生成编译后的文件 默认为false 若只想简单看下语法是否正确不要编译后文件可写 noEmit:truenoEmitOnError 当有错误时不生成编译后的文件 可避免有错误的代码编译到dist下文件中-----compilerOptions 语法检查配置项----------strict 所有严格检查的总开关alwaysStrict 用来设置编译后的文件是否使用严格模式 默认为false noImplicitAny 不允许隐式的any类型 如果设为true代码中会对any类型的值进行提示noImplicitThis 不允许不明确类型的this可在代码中写function fn(this:Window){console.log(this)}function fn(this:any){console.log(this)} strictNullChecks 严格的检查空值 代码中可以写let box1 document.getElementByid(box1)if(box1 ! null){box1.addEventListener(click,function(){console.log(hello)}) }也可写为:box1?..addEventListener(click,function(){console.log(hello)}) 可参考网址tsconfig.json
