Vue设置别名联想路径即@/生效的方法
作者：xyy123
这篇文章主要给大家介绍了Vue设置别名联想路径即@/生效的方法,文中有详细的代码示例和图文讲解,具有一定的参考价值,需要的朋友可以参考下
配置
设置联想提示
在根目录下添加配置文件jsconfig.json
{
// 联想提示
"compilerOptions":{
"baseUrl":"./",
"paths":{
"@/*":[
"src/*"
]
}
}
}
设置路转换
将 @ 映射为 ./src
import {fileURLToPath,URL} from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
resolve:{
// 路径转换
alias:{
'@':fileURLToPath(new URL('./src',import.meta.url))
}
}
})
使用
当使用 @ 时，自动提示并映射到 src 目录下
以上就是Vue设置别名联想路径即@生效的方法的详细内容，更多关于Vue设置别名联想路径的资料请关注脚本之家其它相关文章！