typescript 编译成js后 typescript 编译选项

转载

mob64ca141275de 2023-10-19 10:50:30

文章标签 typescript 编译成js后 javascript 前端 typescript 默认值 文章分类 TypeScript 前端开发

【TypeScript】第二部分编译选项

文章目录

【TypeScript】第二部分编译选项
2. 编译选项

2.1 自动编译文件
2.2 自动编译整个项目
2.3 配置选项

总结

2. 编译选项

2.1 自动编译文件

编译文件时，使用 -w 指令后，TS编译器会自动监视文件的变化，并在文件发生变化时对文件进行重新编译，tsc xxx.ts -w

2.2 自动编译整个项目

要先在项目根目录下创建一个ts的配置文件 tsconfig.json,也可使用tsc --init初始化创建
tsc 将目录下的ts文件进行编译
tsc -w对目录下的ts文件进行监视

2.3 配置选项

1. include

用来指定那个文件被编译

**表示任意目录  *表示任意文件
"include":["./scr/**/*"]

2. exclude

不需要被指定编译的文件

**表示任意目录  *表示任意文件
"exclude":["./src/**/*"]

3. extends

定义被继承的配置文件
当前配置文件中会自动包含config目录下base.json中的所有配置信息

"extends": "./configs/base"

4. files

指定被编译文件的列表，只有需要编译的文件少时才会用到
列表中的文件都会被TS编译器所编译

"files": [
    "core.ts",
    "sys.ts",
    "types.ts",
    "scanner.ts",
    "parser.ts",
    "utilities.ts",
    "binder.ts",
    "checker.ts",
    "tsc.ts"
  ]

5. compilerOptions(编译器选项)

编译选项是配置文件中非常重要也比较复杂的配置选项
具体的项目配置：

{

  "include": "./src/**/*",
  
  "compilerOptions": {
    // 用来指定TS编译后ES的版本
    "target":"es2016",

    // 用来指定模块化规范
    "module":"es2016",

    // 用来指定项目中需要使用哪些库，一般使用默认配置
    // "lib": []

    // 用来指定编译后文件所处的位置
    "outDir": "./src/dist",

    // 将代码合并成一个文件 
    "outFile": "./src/app.js",

    // 是否对js文件进行编译,默认值为：false
    "allowJs": false,

    // 是否对js文件进行检查
    "checkJs": false,

    // 编译后不生成文件,默认值为：asle
    "noEmit": false , 

    // 如果出现错误，则编译不成功，默认值为：fasle
    "noEmitOnError": false ,

    // 开启所有的严格检查的总开关,默认值为：fasle
    // 开启后下面所有的严格配置都生效，关闭则全部都是失效
    "strict": false,

    //用来设置编译后的文件是否使用严格模式,默认值为：fasle
    "alwaysStrict": true,

    // 不允许隐式any类型,默认值为：fasle
    "noImplicitAny": true,

    // 不允许不明确类型的this,默认值为：fasle
    "noImplicitThis": true,
  
    //严格检查空值,默认值为：fasle
    "strictNullChecks": true
  }
}