Vite+Vue3设置路径别名

// 1.vite.config.js文件添加
import path from 'path' 
// 如果引入的时候报错则需要 npm install --save-dev @types/node
resolve: {
  alias: {
    '@': path.resolve(__dirname, 'src')
  }
},

// 2. tsconfig.node.json  文件添加 设置导入规则
{
  "compilerOptions": {
    ...
    "allowSyntheticDefaultImports": true
  }
} 
// 3. tsconfig.js 文件 主要需要添加baseUrl
{
  "compilerOptions": {
    ...
    "baseUrl": "",
    "paths": {
      "@/*": ["src/*"],
      "/#/*": ["types/*"]
    },
  },
}