Vite & TypeScript 项目配置路径别名本文主要介绍了在 Vite 项目中如何通过修改 TypeScript

版本信息：

Vite: 5.1.0
TypeScript: 5.2.2

操作步骤：

修改 tsconfig.json 文件，添加 paths 字段：

{
  "compilerOptions": {
    // ... 其他设置
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"]
    }
  }
}

修改 vite.config.ts 文件，添加 alias 字段：

export default defineConfig({
  // ...
  resolve: {
    alias: {
      // 注意：这里的路径需要拼接成绝对路径
      "@": path.resolve(__dirname, "src"),
    },
  },
});