Vite 配置路径别名

项目根目录下新建 vite.config.ts

import {defineConfig} from 'vite'
import path from 'path'

export default defineConfig({
    resolve: {
        alias: {
            "@": path.resolve(__dirname, "./src")
        }
    }
})

import path from 'path' 报错：TS2307: Cannot find module ‘path’ or its corresponding type declarations.

安装 Node 的 TypeScript 类型描述文件即可解决编译器报错

npm install @types/node --save-dev

同样还是 import path from 'path' 编译报错: TS1259: Module ‘“path”’ can only be default-imported using the ‘allowSyntheticDefaultImports’ flag

因为 typescript 特殊的 import 方式 , 需要配置允许默认导入的方式，在 tsconfig.json 中配置

{
  "compilerOptions": {
    "allowSyntheticDefaultImports": true
  }
}

配置路径别名提示 tsconfig.json

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"] 
    }
  }
}