vite构建vue3+ts项目配置路径别名

配置vite.config.ts

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': resolve(__dirname, '/src')
    }
  }
})

如果引入path模块报错，可尝试安装pnpm add -D @types/node，如果依然报错，可尝试重启项目

配置tsconfig.json

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