vite中，使用@代替src

2.写入以下配置即可

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from "path";
const pathResolve = (dir) => resolve(__dirname, dir);
export default defineConfig({
  plugins: [
    vue(),
  ],
  resolve: {
    alias: {
      "@": pathResolve("./src"), // 新增
    },
  },
})

3.配置完毕直接在文件中导入即可

import TopBar from '@/components/TopBar.vue';

以上代码及配图搬运至csdn大神lethe_R