vite.config.ts

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

export default defineConfig(({ mode }) => {
  return {
    mode: "production",
    build: {
      manifest: true,
      minify: false,
      outDir: "./src/collapsar/dist/assets",
      input: "./src/collapsar/assets/js/index.tsx",
      lib: {
        name: "collapsar",
        entry: "./src/collapsar/assets/js/index.tsx",
        formats: ["umd"],
        fileName: "app-bundle",
      },
    },
    rollupOptions: {
      external: ["react", "react-dom", "react-router-dom"],
      output: {
        globals: {
          react: "React",
          "react-dom": "ReactDOM",
        },
      },
    },
    plugins: [react()],
    define: {
      "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV),
    },
    resolve: {
      alias: {
        "@": path.resolve(__dirname, "./src/collapsar/assets/js/"),
      },
    },
  };
});