import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill';


// https://vite.dev/config/
export default defineConfig({
  plugins: [react()],
     base: 'demo/react/template/', // 👈 This ensures correct asset loading path
   resolve: {
    alias: {
      global: 'globalthis', // 👈 critical for "global is not defined"
    },
  },
  optimizeDeps: {
    esbuildOptions: {
      define: {
        global: 'globalThis',
      },
      plugins: [
        NodeGlobalsPolyfillPlugin({
          buffer: true,
          process: true,
        }),
      ],
    },
  },
 
})