Vue3 + vite项目配置@指向src路径

使用@指向src路径可以方便开发者移动文件时，不会出现不必要的错误。

1.找到文件vite.config.js

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';