自动编译文件

• 当编译文件的时候我们加上 -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. 然后加载继承文件中的配置，继承文件中的配置会覆盖掉

最后

以上就是平淡发带为你收集整理的TS之自动编译和项目编译自动编译文件编译项目的全部内容，希望文章能够帮你解决TS之自动编译和项目编译自动编译文件编译项目所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。