webb3-frontend/vite.config.js at main · compound-finance/webb3-frontend · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill';

import react from '@vitejs/plugin-react';

import { resolve } from 'path';

import nodePolyfills from 'rollup-plugin-polyfill-node';

import { defineConfig } from 'vite';
import pluginRewriteAll from 'vite-plugin-rewrite-all';

// https://vitejs.dev/config/
export default defineConfig({
  // pluginRewriteAll fixes an issue where the dev server doesn't properly
  // handle paths with a `.`. See https://stackoverflow.com/questions/66734726/paramname-doesnt-match-url-segments-containing-dot-in-react-app-with-vitej
  // eg. /markets/usdc.e-arb
  plugins: [react(), pluginRewriteAll()],
  // Node.js global to browser globalThis
  define: {
    global: 'globalThis',
  },
  build: {
    target: ['es2020'],
    rollupOptions: {
      input: {
        main: resolve(__dirname, 'index.html'),
        markets: resolve(__dirname, 'markets/index.html'),
        marketDetail: resolve(__dirname, 'markets/ipfs-404.html'),
        extensions: resolve(__dirname, 'extensions/index.html'),
        vote: resolve(__dirname, 'vote/index.html'),
        extensionDetail: resolve(__dirname, 'extensions/ipfs-404.html'),
        transactions: resolve(__dirname, 'transactions/index.html'),
      },
      plugins: [nodePolyfills()],
      external: ['@safe-global/safe-apps-sdk', '@safe-globalThis/safe-apps-sdk', '@safe-globalThis/safe-apps-provider'],
    },
  },
  base: '',
  experimental: {
    renderBuiltUrl: (filename, { hostType }) => {
      return { relative: true };
    },
  },
  resolve: {
    alias: {
      comet: resolve(__dirname, 'node_modules/comet'),
      '/fonts': resolve(__dirname, 'node_modules/compound-styles/public/fonts'),
      '@walletconnect/ethereum-provider': resolve(
        __dirname,
        'node_modules/@walletconnect/ethereum-provider/dist/index.umd.js'
      ),
      '@components': resolve(__dirname, 'src/components'),
      '@hooks': resolve(__dirname, 'src/hooks'),
      '@contexts': resolve(__dirname, 'src/contexts'),
      '@helpers': resolve(__dirname, 'src/helpers'),
      '@types': resolve(__dirname, 'src/types'),
      '@constants': resolve(__dirname, 'src/constants'),
    },
  },
  optimizeDeps: {
    esbuildOptions: {
      target: 'esnext',
      // Node.js global to browser globalThis
      define: {
        global: 'globalThis',
      },
      // Enable esbuild polyfill plugins
      plugins: [
        NodeGlobalsPolyfillPlugin({
          buffer: true,
        }),
      ],
      supported: {
        bigint: true,
      },
    },
  },
});