vite+ts 路径别名的配置

1

ts对@指向src目录的提示是不支持的，vite默认也是不支持的。 所以需要手动配置@符号的指向，找到vite.config.ts

import path from "path"
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
resolve:{
alias:{
"@":path.resolve(__dirname,'./src')
}
}
})

 

2

path模块是node.js内置的功能，但是node.js本身并不支持ts，所以这时候path模块会提示错误

所以安装下@types/node

npm install @types/node -D

3

这时候已经可以通过@引入文件了，但是木有提示，所以我们还要找到tsconfig.json，添加配置

"compilerOptions": {
...
"baseUrl": "./",
"paths": {
"@/*": [
"src/*"
]
}
},