tsconfig.json的作用

tsconfig.json 是typescript对应的编译配置文件

• 注意，当我们通过 tsc demo.ts命令来编译一个具体的ts文件的时候，是不会用到 tsconfig.json里的配置的。只有在命令行直接运行 tsc 并且后边不带任何文件名的时候，才会用到tsconfig.json里的配置的。
• 当在命令行直接运行 tsc的时候，如果我们没用额外对tsconfig.json进行配置，会默认对根目录下的ts文件进行编译
• 当在命令行直接运行 tsc的时候，我们就像只编译某些指定的文件，该怎么配置呢？ 需要配置 include，这样当我们去运行 tsc的时候，就会去查看include配置，只对配置里的文件进行编译。
  image.png
• 既然有include，那肯定也有exclude,很好理解，编译的时候，不编译exclude配置里的文件。
  image.png
• 除了include和exclude，还有files配置，也可以用来限制编译的文件

compilerOptions 这个配置是编译过程中一些编译的配置。下边看部分常见的配置

• "removeComments": boolean, 删除所有注释，除了以 /!*开头的版权信息

• "noImplicitReturns": boolean, 在表达式和声明上有隐含的 any类型时报错。要么显示的给any类型，要么给其他类型。

  
  image.png

• "strict": true 启用所有严格类型检查选项。也就是说当这个开启的时候，它下边的配置默认都是true。

  
  image.png
• "strictNullChecks": boolean 在严格的 null检查模式下， null和 undefined值不包含在任何类型里，只允许用它们自己和 any来赋值（有个例外， undefined可以赋值到 void）。
• ts-node这个工具，底层会使用tsconfig.json的配置去编译。

• 通过rootDir 指定要编译的文件。通过outDir 指定编译生成的文件的存储位置

  
  image.png
• "incremental": true,增量编译，只编译新增的内容，之前编译过的不再编译。开启之后，运行tsc会生成 tsconfig.tsbuildinfo文件，这里存储的是上次编译过程中的信息，再次编译的时候，会跟这个文件的内容做比对，已经编译过的就不编译了。

• "allowJs": true 是否运行对js文件也进行编译。比如我在src目录下创建了file.js文件，里边用ES6语法写的代码，可以被编译为ES5的代码。因为"target": "es5",这个配置。

  
  image.png
  image.png
• "checkJs": true, 允许我们对JS文件的语法进行检测。

• "noUnusedLocals": true,若有未使用的局部变量则抛错。

  
  image.png

• "noUnusedParameters": true 若有未使用的参数则抛错。

  
  image.png

如何把多个文件，打包到一个文件里？ 可以配置 outFile

 "outFile": "./dist/page.js",                       /* Concatenate and emit output to single file. */