vite配置项目路径别名字@，比如：import request from '@/utils/request'

webpack中能够通过resolve.alias定义我的项目门路别名，这样能够在引入文件时，不再须要应用相对路径，对立以根门路（/src/）作为终点。而vite使用 Rollup 打包代码，所以配置如下

vite.config.js

方法一：path

import path from 'path'

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src')
    }
  }
})

 

方法二：或着用path中的join

import { join } from 'path'

export default defineConfig({
  plugins: [vue()]
  resolve: {
    alias: {
      '@': join(__dirname, 'src')
    }
  }
})

 

拓展：如果项目是TypeScript编写，可以查看参考中的内容

 

 

参考：

https://lequ7.com/guan-yu-vitevite-pei-zhi-xiang-mu-lu-jing-bie-ming.html