【TypeScript】第二部分 编译选项

【TypeScript】第二部分 编译选项

---

---

2. 编译选项

2.1 自动编译文件

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

2.2 自动编译整个项目

1. 要先在项目根目录下创建一个ts的配置文件 tsconfig.json,也可使用tsc --init初始化创建
2. tsc 将目录下的ts文件进行编译
3. 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
    }
  }
  
  

---

总结

以上就是今天要讲的内容，希望对大家有所帮助！！！