TS之自动编译和项目编译

自动编译文件

• 当编译文件的时候我们加上 -w 的参数，他就会监视当前的文件并自动编译

tsc xxx.ts -w

编译项目

• 在项目下直接输入tsc命令，可以直接把项目下的所有的ts转义成js(在项目的根目录下有一个tsconfig.json的配置文件)
• 在根目录下输入tsc --init可以直接生成配置文件

配置

当我们在项目的根目录下运行tsc --init后，他会直接生成tsconfig.json,里面默认会有一些编译的配置
我们可进入网面的官网去看看每个配置选项到底什么意思，也可以看一下简要的中文官网

编译范围

include

官网

他在配置中跟一个数组表示在项目下编译的文件

{
  "include": ["src/**/*", "tests/**/*"]
}

• **/表示任何文件夹
• *表示任何文件，如src/**/*表示的是src下面的任何文件夹下的任何文件

exclude

他的配置表示不编译某文件夹下的内容

{
  "exclude": ["src/noclude/*"]
}

如上面的表示不编译src/noclude/文件夹下面的任何文件，需要注意的是这个不编译是相对于include来说的，不编译include配置下的某些文件

files

官网，我们一般使用include，但是对于少量的文件编译，就会使用files，他也是跟一个数组

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

继承

用于配置文件的继承，他的后面跟一个字符串，字符串表示的是继承文件的相对路径

tsconfig.json

{
  "extends": "./configs/base",
  "files": ["main.ts", "supplemental.ts"]
}

这里表示的是配置继承了/configs/base.json这个文件的配置

configs/base.json

{
  "compilerOptions": {
    "noImplicitAny": true,
    "strictNullChecks": true
  }
}

1. 他会首先加载当前的配置文件
2. 然后加载继承文件中的配置，继承文件中的配置会覆盖掉