前端路径“@/“的使用和配置
环境：vite+ts
需要安装types/node
npm install @types/node --save-dev
在tsconfig.json中添加
如果有tsconfig.app.json和tsconfig.node.json文件，则在app.json中添加
"compilerOptions": {
"baseUrl":".",
"paths": {
"@/*": ["src/*"] // 映射 @/* 到 src/*
},
}，
"include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
在vite.config.ts文件中加上如下代码
import { resolve } from "path"
resolve: {
alias: {
'@': resolve(__dirname, 'src') // 兼容src目录下的文件夹可通过 @/components/HelloWorld.vue写法
}
},
使用
配置好之后就可以在vue中使用“@/”了，不会再报错
