1
import { resolve } from 'path'
2
import { defineConfig } from 'vite'
3
import react from '@vitejs/plugin-react'
4
import { nodePolyfills } from 'vite-plugin-node-polyfills'
5
import { visualizer } from 'rollup-plugin-visualizer'
6

7
// https://github.com/vitejs/vite/discussions/2785#discussioncomment-7803485
8
export default defineConfig({
9
  server: {
10
    port: 3000,
11
  },
12
  plugins: [
13
    nodePolyfills({
14
      include: ['path', 'stream', 'util'],
15
      exclude: ['http'],
16
      globals: {
17
        Buffer: true, // can also be 'build', 'dev', or false
18
        global: true,
19
        process: true,
20
      },
21
      protocolImports: true,
22
    }),
23
    react(),
24
    visualizer({
25
      filename: 'bundle-analysis.html',
26
      open: true, // Opens the report after build
27
    }),
28
  ],
29
  // NOTE: Have to be added to fix: Uncaught ReferenceError: process & global is not defined
30
  define: {
31
    'process.env': {},
32
    'process.browser': true,
33
    global: 'globalThis',
34
  },
35
  resolve: {
36
    alias: {
37
      assets: resolve('src/assets'),
38
      components: resolve('src/components'),
39
      context: resolve('src/context'),
40
      'fortuna-sdk': resolve('src/fortuna-sdk'),
41
      helpers: resolve('src/helpers'),
42
      hooks: resolve('src/hooks'),
43
      services: resolve('src/services'),
44
      settings: resolve('src/settings'),
45
      store: resolve('src/store'),
46
      views: resolve('src/views'),
47

48
      crypto: 'crypto-browserify',
49
      'node:crypto': 'crypto-browserify',
50
      http: 'stream-http',
51
      https: 'https-browserify',
52
      vm: 'vm-browserify',
53
    },
54
  },
55
  build: {
56
    reportCompressedSize: true,
57
    sourcemap: false,
58
    minify: false,
59
    rollupOptions: {
60
      treeshake: true,
61
      maxParallelFileOps: 1,
62
      output: {
63
        manualChunks(id) {
64
          if (id.includes('node_modules')) {
65
            return id
66
              .toString()
67
              .split('node_modules/')[1]
68
              .split('/')[0]
69
              .toString()
70
          }
71
        },
72
      },
73
    },
74
  },
75
  esbuild: {
76
    target: 'es2022',
77
    logOverride: { 'this-is-undefined-in-esm': 'silent' },
78
  },
79
  optimizeDeps: {
80
    esbuildOptions: {
81
      // NOTE: Have to be added to fix: Uncaught ReferenceError: global is not defined
82
      define: { global: 'globalThis' },
83
    },
84
  },
85
})
86