vite.config.js

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import resolve from "@rollup/plugin-node-resolve";
import babel from "@rollup/plugin-babel";

// https://vitejs.dev/config/
// TODO add conditions (prod/dev)
export default defineConfig({
  server: {
    origin: "http://127.0.0.1:8080",
    hmr: {
      overlay: false,
    },
  },
  build: {
    chunkSizeWarningLimit: 1000,
    minify: false,
    manifest: true,
    sourcemap: true,
    plugins: [resolve(), babel({ exclude: "node_modules/**" })],
    rollupOptions: {
      // external: ["mapbox-gl"],
      preserveEntrySignatures: "exports-only",
      input: [
        // "node_modules/react-refresh/",
        "src/js/admin.jsx",
        "src/js/collect.jsx",
        "src/js/home.jsx",
        "src/js/login.jsx",
        "src/js/pageNotFound.jsx",
        "src/js/passwordRequest.jsx",
        "src/js/passwordReset.jsx",
        "src/js/register.jsx",
        "src/js/userAccount.jsx",
        "src/js/verifyUser.jsx",
      ],
      output: {
        // compact: false,
        // sourcemap: true,
        // entryFileNames: "[name].js",
        // preserveModules: true,
        // minifyInternalExports: false,
        dir: "dist/public",
      },
    },
  },
  plugins: [
    react({
      fastRefresh: true,
      jsxImportSource: "@emotion/react",
      presets: ["@babel/preset-env", "@babel/preset-react"],
      plugins: [
        // "@vitejs/plugin-react",
        "@babel/plugin-proposal-class-properties",
        "@babel/plugin-transform-runtime",
        "babel-plugin-macros",
        "@emotion",
      ],
    }),
  ],
});