vite路径别名配置
使用路径别名会比使用相对位置路径会方便很多,比如我把某个组件移动到其他文件夹,如果我在该组件里面import某个文件的函数使用的相对路径,那么我就得把这个路径改为相对于现在的相对路径;但是如果我配置了路径别名,那么这个路径就不需要改变。
环境
vite: v2.4.4
ts: v4.3.5
vite配置
打开vite.config.ts
在config里面加上
resolve: {
alias: {
'@': resolve(__dirname, 'src'),
},
},
这样就好了,重启项目,别名就生效了,但是如果打开编辑器的话
会发现编辑器不认识,显示红色报错了。
ts配置
打开tsconfig.json
,在compilerOptions
里加上
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"]
}
然后打开编辑器
这样路径别名配置就完成了。
评论