vite.config.ts

import dns from 'dns';
import path from 'path';
import react from '@vitejs/plugin-react-swc';
import { defineConfig, loadEnv } from 'vite';
import mkcert from 'vite-plugin-mkcert';
import { nodePolyfills } from 'vite-plugin-node-polyfills';
import svgr from 'vite-plugin-svgr';
import tsconfigPaths from 'vite-tsconfig-paths';

// https://vitejs.dev/config/
(dns as any).setDefaultResultOrder('verbatim');

export default ({ mode }) => {
  process.env = { ...process.env, ...loadEnv(mode, process.cwd()) };

  return defineConfig({
    plugins: [
      svgr(),
      react(),
      mkcert(),
      tsconfigPaths(),
      nodePolyfills({ globals: { Buffer: true, global: true, process: true } })
    ],
    resolve: {
      alias: {
        '~bootstrap': path.resolve(__dirname, 'node_modules/bootstrap')
      }
    },
    define: {
      'process.env': process.env
    },
    build: {
      outDir: 'build'
    },
    server: {
      port: 3002,
      strictPort: true,
      https: true,
      host: 'localhost',
      hmr: {
        overlay: false
      },
      watch: {
        usePolling: false,
        useFsEvents: false
      }
    },
    preview: {
      port: 3002,
      strictPort: true,
      https: true,
      host: 'localhost'
    }
  });
};