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

前言：项目开发中需要加载其他文件相对路径在层级过多的情况不便于管理

一、vite.config.ts添加配置

path引入异常的情况【已安装的情况忽略此步】

npm i -D @types/node 

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

二、tsconfig.json添加配置

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