vue3 使用vite 创建路径别名

1.准备工作

安装pnpm install @types/node -D，否则path路径飘红。

pnpm install @types/node -D

2.vite.config.ts设置

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import path from "path";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  //路径使用别名
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src/"),
    },
  },
});

3.tsconfig.json设置

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