React/TypeScript配置import文件@別名引入

前言：項目開發中需要加載其他文件相對路徑在層級過多的情況不便於管理

一、vite.config.ts添加配置

path引入異常的情況【已安裝的情況忽略此步】

npm i -D @types/node 

resolve: {
  alias:{
    "@":path.resolve(__dirname,'./src')
  }
}

二、tsconfig.json添加配置

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