moneyfy/frontend/vite.config.ts

import path from "node:path";

import react from "@vitejs/plugin-react";
// `vitest/config` erweitert Vites defineConfig um den Testabschnitt.
import { defineConfig } from "vitest/config";

export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: { "@": path.resolve(__dirname, "./src") },
  },
  server: {
    port: 5173,
    // Im Entwicklungsbetrieb übernimmt Vite die Rolle, die in Produktion nginx hat.
    proxy: {
      "/api": {
        target: process.env.VITE_API_PROXY ?? "http://localhost:8000",
        changeOrigin: true,
      },
    },
  },
  build: {
    outDir: "dist",
    sourcemap: false,
    rollupOptions: {
      output: {
        // Recharts wiegt mehr als der Rest der Anwendung und ändert sich selten –
        // als eigener Chunk bleibt er über Releases hinweg im Browser-Cache.
        manualChunks: {
          charts: ["recharts"],
          vendor: ["react", "react-dom", "react-router-dom", "@tanstack/react-query"],
        },
      },
    },
  },
  test: {
    globals: true,
    environment: "jsdom",
    setupFiles: ["./src/test/setup.ts"],
    css: false,
  },
});