Vite + react 配置Alias

70 阅读1分钟

传统的vite + vue3项目配置alias只需要配置tsconfig.json,vite.config.ts即可。但react不按套路出牌,我也配置了这两个文件,但就是有问题。 查阅得知,react项目需要配置tsconfig.app.json和vite.config.ts这两个文件

"compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  }
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import path from "path";

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