如何初始化 tscondif - TypeScript

tsconfig.json 是 TypeScript 项目的配置文件，其中包含了编译器选项，如何查找文件等信息。在项目初始化时，我们需要创建并配置一个 tsconfig 文件。

如何创建 tsconfig.json 文件

如果你使用的是 TypeScript 官方推荐的 tsconfig 文件，可以通过以下命令创建：

npx tsc --init

这会在项目根目录下创建一个默认的 tsconfig.json 文件。

如何配置 tsconfig.json 文件

通过修改 tsconfig.json 文件，我们可以自定义编译器的选项，以满足项目需求。以下是一些常见选项的说明。

{
  "compilerOptions": {
    "target": "es5", // 编译目标版本，可选 es3, es5, es6/es2015, es2016, es2017, es2018, es2019, es2020
    "module": "commonjs", // 指定生成哪个模块系统代码，可选 none, commonjs, amd, system, umd, es2015, es2020, ESNext
    "outDir": "./dist", // 输出目录
    "sourceMap": true, // 是否生成 Source Map 文件
    "esModuleInterop": true, // 是否启用 esModuleInterop 支持，用于支持模块之间的互操作性
    "strict": true, // 是否开启严格模式，会开启更多的类型检查
    "noImplicitAny": true, // 是否禁止隐式的 any 类型
    "moduleResolution": "node", // 模块解析，可选 classic, node, or custom
    "baseUrl": "./src", // 基础路径
    "paths": { // 根据模块名字，映射到相应的目录中去，可用于避免长长的相对路径
      "mylib/*": [ "src/mylib/*" ],
      "otherlib/*": [ "src/otherlib/*" ]
    }
  },
  "include": ["src/**/*.ts"], // 指定编译哪些文件，可使用通配符
  "exclude": ["node_modules"] // 排除哪些文件
}

如何手动编译 TypeScript 项目

如果你使用的是自定义的 tsconfig 文件，可以通过以下命令编译项目：

npx tsc -p ./path/to/tsconfig.json

结语

本文介绍了如何初始化 tsconfig.json 文件，并且讲解了一些常见的选项的配置。通过对 tsconfig.json 文件的了解，我们可以更加灵活地定制 TypeScript 项目的编译行为。