react学习笔记-3：项目路径配置

配置路径别名

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/*"
      ]
    }
}