vite 路径@ 配置

1. 配置vite.config.ts文件

import react from '@vitejs/plugin-react';
import { resolve } from 'path';
import { defineConfig } from 'vite';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      "@": resolve(__dirname, "./src"),
    }
  },
})

2. 配置tsconfig.json文件

增加baseUrl和paths这两项

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