（react+ts）vite项目中的路径别名的配置

忧郁火龙果2023-10-25 0:38

简单两个步骤

找到vite.config.ts,这里会现实报错，需要安装一下 npm i -D @types/node 这个库的ts声明配置

javascript 复制代码

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

虽然配置好了@但是输入@没有提示，找到tsconfig.json

javascript 复制代码

 "compilerOptions": {
  。。。。。

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