vite.config.ts

/// <reference types="vitest" />
import react from '@vitejs/plugin-react-swc';
import { Plugin, loadEnv } from 'vite';
import { nodePolyfills } from 'vite-plugin-node-polyfills';
import { defineConfig } from 'vitest/config';

export default defineConfig(({ mode }) => {
  return {
    plugins: [react(), envPlugin(), nodePolyfills()],
    esbuild: {},
    root: 'src',
    publicDir: '../public',
    build: {
      sourcemap: true,
      outDir: '../build',
      rollupOptions: {
        onwarn(warning, defaultHandler) {
          // See: https://github.com/vitejs/vite/issues/15012
          if (warning.code === 'SOURCEMAP_ERROR') {
            return;
          }
          defaultHandler(warning);
        },
      },
    },
    server: {
      port: 3000,
    },
    test: {
      globals: true,
      environment: 'happy-dom',
    },
  };
});

function envPlugin(): Plugin {
  return {
    name: 'env-plugin',
    config(_, { mode }) {
      const env = loadEnv(mode, '.', ['REACT_APP_', 'NODE_ENV']);
      return {
        define: Object.fromEntries(
          Object.entries(env).map(([key, value]) => [
            `import.meta.env.${key}`,
            JSON.stringify(value),
          ])
        ),
      };
    },
  };
}