ts环境中vite 配置src别名

一、安装一个插件？

npm i @types/node 

二、配置vite.config.ts

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
// 因为path
import path from 'path'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  // 配置别名开始
  resolve: {
    alias: {
      "@": path.relative(__dirname, 'src')
    }
  }
  // 配置别名结束
})

三、配置tsconfig.json

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

完成