mvm.dev/vite.config.js at main · MixinNetwork/mvm.dev · 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'
import { nodePolyfills } from 'vite-plugin-node-polyfills';
import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill';
import { NodeModulesPolyfillPlugin } from '@esbuild-plugins/node-modules-polyfill';
import rollupNodePolyFill from 'rollup-plugin-node-polyfills';
import Components from 'unplugin-vue-components/vite';
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers';
import tailwindcss from '@tailwindcss/vite'

// https://vite.dev/config/
export default defineConfig(async ({ mode }) => {
  return mode === 'production'
    ? {
        plugins: [
          vue(),
          vueDevTools(),
          tailwindcss(),
          Components({
            resolvers: [NaiveUiResolver()],
          }),
          nodePolyfills({
              // To exclude specific polyfills, add them to this list.
              exclude: [
                'fs', // Excludes the polyfill for `fs` and `node:fs`.
              ],
              // Whether to polyfill specific globals.
              globals: {
                Buffer: true, // can also be 'build', 'dev', or false
                global: true,
                process: true,
              },
              // Whether to polyfill `node:` protocol imports.
              protocolImports: true,
          }),
          // visualizer({ open: true }),
        ],
        resolve: {
          alias: {
            '@': fileURLToPath(new URL('./src', import.meta.url)),
          },
        },
        build: {
          rollupOptions: {
            treeshake: true,
          },
          commonjsOptions: {
            transformMixedEsModules: true,
          },
        },
      }
    : {
        plugins: [
          vue(),
          vueDevTools(),
          tailwindcss(),
          Components({
            resolvers: [NaiveUiResolver()],
          }),
        ],
        resolve: {
          alias: {
            '@': fileURLToPath(new URL('./src', import.meta.url)),
            process: 'process/browser',
            stream: 'stream-browserify',
            zlib: 'browserify-zlib',
            util: 'util',
            buffer: 'Buffer',
          },
        },
        optimizeDeps: {
          esbuildOptions: {
            // Node.js global to browser globalThis
            define: {
              global: 'globalThis',
            },
            // Enable esbuild polyfill plugins
            plugins: [
              NodeGlobalsPolyfillPlugin({
                process: true,
                buffer: true,
              }),
              NodeModulesPolyfillPlugin(),
            ],
          },
        },
        build: {
          rollupOptions: {
            plugins: [
              // Enable rollup polyfills plugin
              // used during production bundling
              rollupNodePolyFill(),
            ],
          },
          commonjsOptions: {
            transformMixedEsModules: true,
          },
        },
      };
});