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

 

posted @ 2022-08-17 09:55  最爱小虾  阅读(2180)  评论(0编辑  收藏  举报