网站开发超链接点击后变色,wordpress文章排版插件,个人门户网站,太白县住房和城乡建设局网站Tsconfig.json是ts编译器的配置文件#xff0c;ts编译器可以根据它的配置来对代码的编译
{/*tsconfig.json是ts编译器的配置文件#xff0c;ts编译器根据它的配置来编译ts文件include用来指定哪些ts文件要进行编译exclude用来指定那些ts文件不需要进… Tsconfig.json是ts编译器的配置文件ts编译器可以根据它的配置来对代码的编译
{/*tsconfig.json是ts编译器的配置文件ts编译器根据它的配置来编译ts文件include用来指定哪些ts文件要进行编译exclude用来指定那些ts文件不需要进行编译默认值 [node_modules,bower_components,jspm_packages]extends定义被继承的配置文件也就是在多个json配置文件的时候我们希望只使用一个配置文件此刻我们就需要将其他的json配置文件引入进来相当于import引入外部文件files指定被编译文件的列表只能写文件名所以只有在文件较少的情况下使用*/// include: [./index.ts,./test.ts] //表示这两文件//一般使用下面的做法include: [./src/*], //*表示任意文件 。**表示任意目录// exclude: [./src/index.ts], //表示不对index.ts文件进行编译// files: []/*compilerOptions编译器的选项1.target指定要编译的ts文件编译成什么版本的js默认是ES3原因是它老所有的浏览器多兼容,在ES3中会将let编译成var而在ES6版本中let将会编译成letESNext表示最新版本的ES2.module指定使用什么个是来进行模块化它有这几个值none, commonjs, amd,system, umd, es6, es2015, es2020, es2022, esnext, node12, nodenext. es6与es2015是一样的3.lib(libary库)指定项目中要使用的库,一般情况下不需要去更改4.outDir指定编译后的文件所在的目录5.outFile可以将我们编译后的文件中的全局作用域的代码合并成一个文件如果要使多个模块合并在一个文件当中模块module因为amd或system其他的会报错一般我们不手动实现我们通过打包工具来实现这个功能6.allowJs指定是否编译js文件在任意文件当中* 如果我们模块使用js写的那么我们需要将allowJs设置为true,默认为false7.checkJs检查js是否符合js语法,默认为falsecheckJs与allowJs一般是一起用的8.removeComments是否移除注释默认false9.noEmit编译但不产生编译后的代码这个一般使用在不想使用tsc编译生成代码只想使用它来检查一下代码是否有错默认为false10.noEmitOnError指当有错误时不生成文件默认为false11.alwaysStrictstrict严格的js有一种严格模式也就是比之前的语法更加严谨浏览器运行的效率更好我们在单独的js文件中在文件开头部分添加一个“use strict”表示了我们开启了js的严格模式而在ts中使用alwaysStrict来进行开启默认为false12.noImplicitAnyimplicit隐式检查隐式的any类型我们不提倡使用any类型更不提倡使用隐式的any此时我们可以将noImplicitAny改为true来对隐式的any类型进行检查13.noImplicitThis检查不明确的this类型我们知道在单独的函数也就是函数外边没有指定以的对象时在函数体调用this,这个this指向window当我们在指定以对象的里面调用this,此时这个this指向我们定义的对象比如function fn(this){alert(this)}若是函数是在指定义对象外调用这this指向window若是函数是在指定义对象里面调用这this指向这个对象此时我们可以在函数的形参部分进行声明明确的类型function fn(this: window){alert(this)}*/compilerOptions: {target: ES6,module: system,// lib: [],outDir: ./dish,outFile: ./dish/app.js,allowJs: false,checkJs: false,removeComments: false,noEmit: false,noEmitOnError: true,alwaysStrict: true,noImplicitAny: true,noImplicitThis: true,strictNullChecks: true, // strictNullChecks 严格的检查空值默认为falsestrict: false // strict是所有严格检查的总开关默认false一般开发打开},},}
