在ts中，创建一个ts文件，运行tsc xx.ts，就能对这个文件进行编译并生成对应的js文件。如果我们想要同时编译很多个ts文件，不可能一个文件一个文件慢慢编译。这个时候就需要用到ts中的配置文件，也就是名称为tsconfig.json的文件。通过配置这个问价，编译器能做很多事情。

tsconfig.json

是ts编译器的配置文件,ts编译器可以根据它的信息来对代码进行编译。

tsconfig.json常见配置

1. "include"： 用来指定哪些ts文件是需要编译的.

{
  // 路径： ** 表示是任意目录， *表示是任意文件
  // 表示编译src下的所有ts文件
  "include"： ["./src/**/*"]
}

2. "exclude"： 表示哪些文件是不需要编译的，比如我们的node_module是不需要编译的。这个属性有对应的默认值，我们一般很少会去更改它的值

3. "compilerOptions": 是整个配置文件中最重要的一个特性，里面包含很多子选项，可以设置很多功能，比如编译器按照哪个版本的语法进行编译或者编译好的文件怎么输出等

   • target：指定编译按照哪个语法来进行，常见的值有：'es3', 'es5', 'es6', 'es2015', 'es2016', 'es2017', 'es2018', 'es2019', 'es2020', 'es2021', 'es2022', 'esnext'

   • module： 指定要使用的模块化方法，常见的值： 'none', 'commonjs', 'amd', 'system', 'umd', 'es6', 'es2015', 'es2020', 'es2022', 'esnext', 'node12', 'nodenext'

   • lib： 用来指定项目中要使用的第三方的库，一般情况下我们不需要改变它,常见的值：ES5", "ES6", "ES2015", "DOM"等

   • outDir：用来指定编译后的文件所在的目录

   • outFile： 将代码合并为一个文件，把作用域中的代码都合并到同一个文件中. 下面是我们的案例：

{
   "compilerOptions": {
        "target": "es2016",
        "module": "commonjs",
        "lib": ["dom"],
        // 编译后的文件都在dist目录下
        "outDir": "./dist",
        // 将编译的所有的ts文件都合并到app.js文件中
        "outFile": "./dist/app.js"
    },
}