[TS]常用编译选项

常用编译选项

该选项全部都是compilerOption配置中的选项。


allowJs:

  • 说明:在编译时,默认编译的全是.ts文件,然后在编译输出的文件夹中,存放的只是被编译的.ts 转 .js文件。

  • 例如:在上图中,src中存在index.js文件,我们也需要将该文件进行编译,然后让它也输出的被编译的build文件中。只需要将allowJs设置为true即可。

checkJs:

  • 说明:将allowJs打开后,如果js文件中的类型设置错误了,默认是不进行提示的,而将checkJS选项设置为true后,在编译js文件时,也会对js文件进行编译检查。

removeComments:

  • 说明:当为该选项设置成true时,在编译时,将被编译文件中的注释给删除掉。

noEmit:

  • 说明:在编译时,只进行编译语法检查,不生成编译后的.js文件。

noEmitOnError:

  • 说明:在编译时,如果存在错误,不生成编译后的.js文件,只有没有错误时,才会生成编译后的js

alwayStript:

  • 说明:它的默认值是一个true,当为true时,被编译生成的文件,都是严格模式.js文件。
    • 当为false时,则关闭严格模式。

script:

  • 说明:它是类型检查的总开关,如果将该选项置为false,则可以根据自己去打开某个具体的子选项。

noImplicitAny:

  • 说明:当打开该选项时,如果有隐式的any则会报错,必须声明any或者其他类型。
// 如果不对a和b进行声明类型,那么它就是一个隐式的any,则会报错,我们必须需要对它声明类型,哪怕是any。
function add(a,b){
    return a+b;
}

strictNullChecks:

  • 说明:检查null和undefined,如果该值为null或undefined,则不允许去调用其他内容。
// 假设页面上现在没有 a 标签
let a = document.querySelector('a');
console.log(a.style); //由于 a 是 null,所以此时会报错。
发表评论 / Comment

用心评论~