Fix config for building ¯\_(ツ)_/¯

vrde · Mar 11, 2022 · 2500dfe · 2500dfe
1 parent ee1a7d8
commit 2500dfe
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -16,6 +16,7 @@
     "@tsconfig/svelte": "^3.0.0",
     "@walletconnect/web3-provider": "^1.7.4",
     "ethers": "^5.6.0",
+    "rollup-plugin-polyfill-node": "^0.8.0",
     "svelte": "^3.46.4",
     "svelte-check": "^2.4.5",
     "svelte-preprocess": "^4.10.4",
@@ -25,4 +26,4 @@
     "vite": "^2.8.6",
     "web3modal": "^1.9.5"
   }
-}
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/vite.config.ts b/vite.config.ts
@@ -2,15 +2,29 @@ import { defineConfig } from "vite";
 import { svelte } from "@sveltejs/vite-plugin-svelte";
 import { NodeGlobalsPolyfillPlugin } from "@esbuild-plugins/node-globals-polyfill";
 import inject from "@rollup/plugin-inject";
+import nodePolyfills from "rollup-plugin-polyfill-node";
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  base: "./",
+  // Node.js global to browser globalThis
+  define: {
+    global: "globalThis",
+  },
   plugins: [
     svelte(),
     inject({
       util: "util/",
     }),
   ],
+  build: {
+    rollupOptions: {
+      plugins: [nodePolyfills()],
+    },
+    commonjsOptions: {
+      transformMixedEsModules: true,
+    },
+  },
   optimizeDeps: {
     esbuildOptions: {
       // Node.js global to browser globalThis