vite.config.ts

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react-swc";
import svgr from "vite-plugin-svgr";
import { ViteEjsPlugin } from "vite-plugin-ejs";
// import { visualizer } from "rollup-plugin-visualizer";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    react(),
    svgr(),
    ViteEjsPlugin((config) => ({
      NODE_ENV: config.mode,
      isDev: config.mode === "development",
      isProd: config.mode === "production",
    })),
    // visualizer({
    //   template: "sunburst", // or sunburst
    //   open: true,
    //   gzipSize: true,
    //   brotliSize: true,
    //   filename: "analyse.html", // will be saved in project's root
    // }),
  ],
  build: {
    rollupOptions: {
      output: {
        manualChunks: {
          react: ["react"],
          reactSelect: ["react-select"],
          dompurify: ["dompurify"],
          reResizable: ["re-resizable"],
        },
      },
    },
  },
});