vite + TypeScript 配置路径别名@

1、配置 tsconfig.json

• 在compilerOptions设置baseUrl项目根目录路径

  compilerOptions: {
    "baseUrl": "./",
  }
  

• 在compilerOptions下设置paths选项来指定你的别名配置

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

2、配置 vite.config.ts

• 设置 alias

  import { defineConfig } from 'vite'
  import vue from '@vitejs/plugin-vue'
  import { resolve } from 'path';
  
  export default defineConfig({
    plugins: [vue()],
    resolve: {
      alias: [
        {
          find: '@',
          replacement: resolve(__dirname, './src'),
        },
      ]
    },
  })