11.23 ts常用的编译配置

文章目录

    • include
    • exclude
    • compilerOptions
    • 简单的配置文件(仅供参考)

ts的编译配置,写在tsconfig.json文件中

include

配置需要编译的目录,**代表任意目录,*代表任意文件

"include":["./src/**/*"];

exclude

配置不需要编译的目录,默认值默认值:
[“node_modules”, “bower_components”, “jspm_packages”]

compilerOptions

编译器的配置选项(写一个错误的值进行编译可以得到所有合格的选项)

  • target: 将ts转换成对应版本的js es3 es6 …
  • lib:指定代码运行时所包含的库(一般不会使用)
  • module:指定模块的引入方式 commonjs es6 …
  • outDir: 用来指定编译后文件所在的目录
  • allowJs:是否对js文件进行编译
  • checkJs:是否检查js代码是否符合(ts)语法规则
  • removeComments : 编译后的文件是否删除注释
  • noEmit: 对代码进行编译,但是不生成对应的js文件
  • noEmitOnError: 当有错误的时候不生成编译文件
  • strict: 总的严格模式,一旦开启,之后的所有的严格检查都相当于开启了
    –alwaysStrict 用来设置编译后的文件是否使用严格模式
    – noImplicitAny 禁止隐式any类型
    –noImplicitThis 禁止类型不明确的this
    –strictNullChecks 严格检查空值

简单的配置文件(仅供参考)

{
    // tsconfig.json是ts编译器的配置文件,ts编译器可以根据信息来对代码进行编译
    "include": [   //表示需要编译的目录
        "./src/**/*",    //**代表任意目录,*代表任意文件
    ],
    // "exclude":[    //不需要编译的文件,默认值:["node_modules", "bower_components", "jspm_packages"]
    //     "./src/app.js"
    // ]
    "compilerOptions":{   //编译器的配置选项
        "target":"ES6",   //  target将ts转换成指定版本的js
        "module": "system",  //指定模块引入的方式 commonjs es6  写一个错误的值,报错后能够得到所有的版本信息
        // "lib": [],        //lib用来指定项目中要使用的库(一般不需要进行修改)
        "outDir": "./dist",  //用来指定编译后文件所在的目录
        // "outFile": "./src/dist/app.js",  //将所有的文件编译成一个js文件,
        "allowJs": true,   //是否对js文件进行编译
        "checkJs":true,   //是否检查js代码是否符合语法规范,默认false
        "removeComments": true, //编译后的文件是否删除注释
        // "noEmit": true,  //对代码进行编译,但是不生成对应的js文件
        "noEmitOnError": true, //当有错误的时候不生成编译文件
        "strict":true,        //总的严格模式,一旦开启,之后的严格模式相当于都开着
        "alwaysStrict": true, //用来设置编译后的文件是否使用严格模式,默认false
        "noImplicitAny": true, //禁止隐式any类型
        "noImplicitThis": true,//禁止类型不明确的this
        "strictNullChecks": false, //严格检查空值

    }
}

你可能感兴趣的:(ts,ts常用编译配置)