vue cli 转 vite 2 时 @ 路径别名

vite 脚手架并没有提供指向 src 目录的别名。

配置 vite

# vite.config.ts
import { resolve } from "path";
export default defineConfig({
  resolve: {
    alias: [
      {
        find: /\/@\//,
        replacement: resolve(__dirname, "./src") + '/',
      }
    ]
  }

})

配置 ts

# tsconfig.ts
{
    "baseUrl": ".",
    "paths": {
      "/@/*": ["src/*"]
    }
}

使用

/@/ 代替 @/