因为在vite项目中 @符号是不被支持的
因此需要进行一些配置
- 第一步:vite.config.ts 文件下
import {resolve} from 'path'
import * as process from "process";
function pathResolver(dir: string){
return resolve(process.cwd(),'.',dir)
}
export default defineConfig({
resolve:{
alias:[ //路径别名
{
find:'@',
replacement:pathResolver('src')
}
]
},
})
此时@已经可以使用了,但是没有代码提示,并且会提示错误,但并不影响代码执行
想要拥有代码提示,需要进行第二步
- 第二步:在 tsconfig.json文件中加入以下内容
此时就可以完全使用 @ 代替 src了