vite.config.ts

import { defineConfig, splitVendorChunkPlugin } from 'vite'
import react from '@vitejs/plugin-react'
import GlobalsPolyfills from '@esbuild-plugins/node-globals-polyfill'

import { NodeModulesPolyfillPlugin } from '@esbuild-plugins/node-modules-polyfill'
import nodePolyfills from "rollup-plugin-polyfill-node";

import shimReactPdf from "vite-plugin-shim-react-pdf";

// https://vitejs.dev/config/

// https://github.com/vitejs/vite/issues/1973
// on going issues with vite's global and process
export default defineConfig({
    base: "./",
    server: {
        hmr: (process.env.GITPOD_WORKSPACE_URL && (process.env.GITPOD_REMOTE_CLI_IPC)) ? {
            host: process.env.GITPOD_WORKSPACE_URL.replace("https://", "3000-"),
            protocol: "wss",
            clientPort: 443
        } : true
    },
    resolve: {
        dedupe: ["buffer","bn.js", "keccak", "ethers"],
    },
    plugins: [
        react(),
        shimReactPdf()
    ],
    define: {
        global: 'globalThis'
    },
    publicDir: "./res",
    build: {
        target: ["esnext"],
        rollupOptions: {
            plugins: [nodePolyfills()],
            output: {
                manualChunks: {
                    "mui" : ["@mui/material"],
                }
            }
        },
    },
    esbuild: {
        jsxFactory: 'jsx',
        jsxInject: `import {jsx} from '@emotion/react'`
    },
    optimizeDeps: {
        esbuildOptions: {
            target: "esnext",
            // Node.js global to browser globalThis
            define: {
                global: 'globalThis'
            },
            treeShaking: true,
            // Enable esbuild polyfill plugins
            plugins: [
                GlobalsPolyfills({
                    buffer: true,
                    process: true,
                }),
                NodeModulesPolyfillPlugin()
            ]
        }
    }
})