前端 ts 配置

ts 为什么需要配置？

因为 ts 需要编译。

ts 源文件 -> ts 编译器（package.json 依赖包里面就有） -> js 代码

 "devDependencies": {
  ...
 "typescript": "~5.7.2",
  ...
  }

# TypeScript 编译选项完整指南

本文档详细说明 TypeScript (`tsconfig.json`) 中所有核心编译选项的配置方法。

## 快速开始
生成默认 `tsconfig.json`：
```bash
tsc --init

核心配置选项

基础配置

严格检查

模块解析

类型定义

输出控制

高级配置

完整配置示例

{
  "compilerOptions": {
    "target": "ES2020",
    "module": "NodeNext",
    "outDir": "./dist",
    "rootDir": "./src",

    "strict": true,
    "noImplicitAny": true,

    "moduleResolution": "NodeNext",
    "baseUrl": ".",
    "paths": {
      "@utils/*": ["src/utils/*"]
    },

    "sourceMap": true,
    "declaration": true
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules"]
}

常用场景配置

Node.js 项目

{
  "target": "ES2022",
  "module": "NodeNext",
  "moduleResolution": "NodeNext"
}

浏览器项目

{
  "target": "ES6",
  "lib": ["ES6", "DOM"],
  "module": "ES6"
}

注意事项

1. strict 启用时会自动开启所有严格检查选项
2. moduleResolution 默认根据 module 设置自动选择
3. 使用 paths 时必须设置 baseUrl
4. TypeScript 5.0+ 推荐使用 moduleResolution: "bundler" 配合现代打包工具

完整选项参考：官方编译选项文档
```

本作品采用《CC 协议》，转载必须注明作者和本文链接