vite.config.ts

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

// https://vitejs.dev/config/
export default defineConfig({
  resolve: {
    alias: {
      // This Rollup aliases are extracted from @esbuild-plugins/node-modules-polyfill,
      // see https://github.com/remorses/esbuild-plugins/blob/master/node-modules-polyfill/src/polyfills.ts
      // process and buffer are excluded because already managed
      // by node-globals-polyfill
      fs: 'memfs',
      moment: require.resolve('moment/moment.js'),
      process: require.resolve('rollup-plugin-node-polyfills/polyfills/process-es6'),
      stream: require.resolve('rollup-plugin-node-polyfills/polyfills/stream'),
      _stream_duplex: require.resolve('rollup-plugin-node-polyfills/polyfills/readable-stream/duplex'),
      _stream_passthrough: require.resolve('rollup-plugin-node-polyfills/polyfills/readable-stream/passthrough'),
      _stream_readable: require.resolve('rollup-plugin-node-polyfills/polyfills/readable-stream/readable'),
      _stream_writable: require.resolve('rollup-plugin-node-polyfills/polyfills/readable-stream/writable'),
      _stream_transform: require.resolve('rollup-plugin-node-polyfills/polyfills/readable-stream/transform'),
      util: 'rollup-plugin-node-polyfills/polyfills/util',
      sys: 'util',
      events: 'rollup-plugin-node-polyfills/polyfills/events',
      path: 'rollup-plugin-node-polyfills/polyfills/path',
      querystring: 'rollup-plugin-node-polyfills/polyfills/qs',
      punycode: 'rollup-plugin-node-polyfills/polyfills/punycode',
      url: 'rollup-plugin-node-polyfills/polyfills/url',
      http: 'rollup-plugin-node-polyfills/polyfills/http',
      https: 'rollup-plugin-node-polyfills/polyfills/http',
      os: 'rollup-plugin-node-polyfills/polyfills/os',
      assert: 'rollup-plugin-node-polyfills/polyfills/assert',
      constants: 'rollup-plugin-node-polyfills/polyfills/constants',
      timers: 'rollup-plugin-node-polyfills/polyfills/timers',
      console: 'rollup-plugin-node-polyfills/polyfills/console',
      vm: 'rollup-plugin-node-polyfills/polyfills/vm',
      zlib: 'rollup-plugin-node-polyfills/polyfills/zlib',
      tty: 'rollup-plugin-node-polyfills/polyfills/tty',
      domain: 'rollup-plugin-node-polyfills/polyfills/domain',
      crypto: 'rollup-plugin-node-polyfills/polyfills/crypto-browserify'
    },
  },
  define: {
    "process.env.PUBLIC_URL": `""`,
  },
  optimizeDeps: {
    esbuildOptions: {
      // Node.js global to browser globalThis
      define: {
        global: 'globalThis',
        "process.env.PUBLIC_URL": `""`,
      },
      // Enable esbuild polyfill plugins
      plugins: [
        NodeGlobalsPolyfillPlugin({
          process: true,
          buffer: true,
        }),
      ],
    },
  },
  plugins: [
    react(),
    VitePWA({
      strategies: 'injectManifest',
      srcDir: 'src',
      filename: 'service-worker.ts',
      injectRegister: false,
      manifest: false,
      injectManifest: {
        maximumFileSizeToCacheInBytes: 1048576000,
      }
    }),
  ],
  build: {
    outDir: 'build',
    sourcemap: true,
    rollupOptions: {
      plugins: [
        rollupNodePolyFill() as any,
      ]
    },
  }
});