vite.example.config.ts

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

export default defineConfig({
  plugins: [
    react({
      babel: {
        plugins: ["babel-plugin-macros", "babel-plugin-styled-components"],
      },
    }),
  ],
  build: {
    outDir: "public",
    emptyOutDir: true,
    rollupOptions: {
      plugins: [
        copy({
          hook: "writeBundle",
          targets: [
            {
              src: path.resolve(__dirname, "mockServiceWorker.js"),
              dest: path.resolve(__dirname, "public"),
            },
          ],
        }),
      ],
    },
  },
  define: {
    "process.platform": JSON.stringify("win32"),
    "process.env": {},
    "process.versions": {},
  },
  server: {
    port: 3000,
  },
  optimizeDeps: {
    esbuildOptions: {
      target: "es2020",
    },
  },
  esbuild: {
    // https://github.com/vitejs/vite/issues/8644#issuecomment-1159308803
    logOverride: { "this-is-undefined-in-esm": "silent" },
  },
});