vite为路径设置别名

学习vue过程中找到了有来科技的vue3-element-plus这个项目，把学到的记录下来。

一开始不太理解为什么要为src设置别名，最后在引用模板的时候就感觉到这个还是比较方便的，不用到处去找相对路径，不容易出错。配置代码如下。

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
//这里是添加的
import path from "path";
const pathSrc = path.resolve(__dirname, "src");
 
export default defineConfig({
  plugins: [vue()],
  //这里是添加的
    resolve:{
    alias:{
      "@": pathSrc
    }
  }
})