vite.config.ts

import { sentryVitePlugin } from "@sentry/vite-plugin"
import react from "@vitejs/plugin-react"
import unpluginIcons from "unplugin-icons/vite"
import { defineConfig, splitVendorChunkPlugin } from "vite"
import relay from "vite-plugin-relay"

// https://vitejs.dev/config/
export default defineConfig(({ mode }) => ({
  plugins: [
    relay,
    react({
      babel: {
        plugins: ["babel-plugin-relay"],
      },
    }),
    sentryVitePlugin({
      org: "penguin-statistics",
      project: "roguestats-frontend",
      disable: mode !== "production",
    }),
    splitVendorChunkPlugin(),
    unpluginIcons({
      autoInstall: true,
      compiler: "jsx",
      jsx: "react",
    }),
  ],
  build: {
    sourcemap: true,
    rollupOptions: {
      output: {
        manualChunks: {
          "vendor-core": [
            "react",
            "react-dom",
            "react-relay",
            "react-router-dom",
            "react-use",
            "relay-runtime",
            "react-hot-toast",
            "@rjsf/core",
            "@rjsf/mui",
            "@rjsf/validator-ajv8",
            "@mui/material",
            "@mui/icons-material",
            "@mui/styled-engine",
            "@sentry/react",
            "@sentry/browser",
            "ajv",
          ],
        },
      },
    },
  },
}))