tsconfig.json 配置自动编译 举例

`tsconfig.json` 是 TypeScript 项目中的一个重要配置文件，它用于指定 TypeScript 编译器在构建过程中如何处理源代码。这个文件包含了项目中 TypeScript 编译的各种选项，例如目标平台、模块系统、输出目录等。通过 `tsconfig.json`，你可以自动化编译 TypeScript 代码为 JavaScript，以便在浏览器或Node.js环境中运行。

以下是一个基本的 `tsconfig.json` 示例：

{
  "compilerOptions": {
    "target": "es6",       // 设置目标兼容环境（如 es5, es6, esnext）
    "module": "commonjs",  // 设置模块系统（如 commonjs, es2015, umd）
    "outDir": "./dist",   // 输出目录，编译后的JavaScript文件将被放置在这里
    "strict": true,        // 开启严格模式，提高代码质量
    "esModuleInterop": true, // 允许 CommonJS 和 ES6 模块混用
    "sourceMap": true      // 生成源码映射文件
  },
  "include": ["src/**/*"],  // 包含在编译范围内的文件或目录
  "exclude": ["node_modules"]  // 排除不需要编译的目录，如依赖库
}

当你想要自动编译时，可以在命令行使用 TypeScript 编译器 `tsc`，或者集成到构建工具（如Webpack、Gulp或Rollup）中作为构建步骤的一部分。例如，如果你使用 `tsc` 命令，只需在项目根目录下运行：

npx tsc

或者如果在使用 Webpack，可以在 `webpack.config.js` 中配置一个 `ts-loader` 或者 `ts-loader` 配合 `tsconfig.json` 来实现自动化。