配置路径别名
vite默认不支持相对路径,只识别绝对路径,所以需要配置路径别名,方便库和文件引用
在vite.config.ts中添加配置
tips:默认识别不到path库,需要安装声明:npm i -D @types/node
引入path库,添加默认路径配置
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from "path"
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
resolve:{
alias:{
"@":path.resolve(__dirname,'./src')
}
}
})
配置路径别名提示
在tsconfig.json中添加配置
"compilerOptions": {
"baseUrl": "./",
"paths": {
"@/*":[
"src/*"
]
}
}