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
只有在泥泞的道路上才能留下脚印