vite.config.ts

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'

import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill'
const EMPTY_PATH = require.resolve(
  'rollup-plugin-node-polyfills/polyfills/empty.js',
)

// https://vitejs.dev/config/
export default defineConfig({
  build: {
    target: 'esnext',
  },
  define: { global: 'globalThis' },
  optimizeDeps: {
    esbuildOptions: {
      target: 'esnext',
      plugins: [
        NodeGlobalsPolyfillPlugin({
          process: true,
          buffer: true,
        }),
      ]
    },
  },
  plugins: [vue(), vueJsx()],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),

      bufferutil: EMPTY_PATH,
      child_process: EMPTY_PATH,
      crypto: EMPTY_PATH,
      dns: EMPTY_PATH,
      events: require.resolve("events/"),
      eventsource: EMPTY_PATH,
      fs: EMPTY_PATH,
      http: EMPTY_PATH,
      https: EMPTY_PATH,
      libpq: EMPTY_PATH,
      module: EMPTY_PATH,
      net: "./empty.cjs",
      // net: require.resolve("./empty.cjs"),
      // net: require.resolve('websockets'),
      os: EMPTY_PATH,
      "parse-database-url": EMPTY_PATH,
      path: EMPTY_PATH,
      pg: EMPTY_PATH,
      "pg-format": EMPTY_PATH,
      "pg-native": EMPTY_PATH,
      solc: EMPTY_PATH,
      tls: "./empty.cjs",
      // tls: require.resolve("./empty.cjs"),
      // tls: require.resolve('websockets'),
      url: EMPTY_PATH,
      zlib: EMPTY_PATH,
      util: require.resolve('rollup-plugin-node-polyfills/polyfills/util.js'),

      stream: require.resolve('stream-browserify'),
    },
  },
})