vite.config.ts

/*
      Vite Config
 */
import dotenv from 'dotenv';

dotenv.config();
/* eslint-disable import/no-extraneous-dependencies */
import react from "@vitejs/plugin-react";
import million from "million/compiler";
import { defineConfig } from "vite";
import tsconfigPaths from "vite-tsconfig-paths";
import checker from "vite-plugin-checker";
import rollupNodePolyFill from 'rollup-plugin-node-polyfills'
import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill'
import { resolve } from "path";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    million.vite({ auto: true }),
    react(),
    checker({ typescript: true, eslint: { lintCommand: "eslint src" } }),
    tsconfigPaths(),
  ],
  resolve: {
    alias: {
      'buffer': require.resolve('buffer/')
    }
  },
  server: {
    open: true,
    port: 4321,
  },
  optimizeDeps: {
    esbuildOptions: {
      // Node.js global to browser globalThis
      define: {
        global: 'globalThis'
      },
      // Enable esbuild polyfill plugins
      plugins: [
        NodeGlobalsPolyfillPlugin({
          process: true,
          buffer: true
        }),
        // NodeModulesPolyfillPlugin()
      ],
    }
  },
  define: {
    'process.env': {},
    'process.env.VITE_BLOCKCHAIR_API_KEY': JSON.stringify(process.env.VITE_BLOCKCHAIR_API_KEY),
    'process.env.VITE_WALLET_CONNECT_PROJECT_ID': JSON.stringify(process.env.VITE_WALLET_CONNECT_PROJECT_ID)
  },
  build:{
    minify: false,
    rollupOptions: {
      external: [
        /^node:.*/,
        ""
      ],
      plugins: [
        // inject({ Buffer: ['Buffer','Buffer'], process: ['process'] }),
        NodeGlobalsPolyfillPlugin({
          process: true,
          buffer: true
        }),
        //NodeModulesPolyfillPlugin()
        rollupNodePolyFill()
      ],
    }
  }
});