React+TypeScript+React初始化项目后配置@别名

在vite.config.ts中：

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.app.json中配置paths项后，即可识别@为src目录

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