路径映射配置指南

步骤 1：配置 tsconfig.json

{
  "compilerOptions": {
    "baseUrl": "./src",
    "paths": {
      "@/*": ["./*"],
      "@config": ["./config"],
      "@utils": ["./utils"],
      "@types": ["./types"],
      "@services/*": ["./services/*"],
      "@models/*": ["./models/*"]
    }
  }
}

步骤 2：安装运行时支持

pnpm add -D tsconfig-paths tsx

步骤 3：配置脚本

{
  "scripts": {
    "dev": "tsx watch --tsconfig tsconfig.json src/index.ts",
    "build": "tsc && tsc-alias",
    "start": "node --loader tsconfig-paths/esm ./dist/index.js"
  }
}

使用示例

// 之前
import { config } from '../../../config';
import { logger } from '../../../utils/logger';

// 之后
import { config } from '@config';
import { logger } from '@utils/logger';

---

提示：路径别名提高代码可读性，但不要过度使用。