Settings to use with Vite

README.md

@@ -100,6 +100,37 @@ const provider = new ethers.providers.Web3Provider(instance);
 const signer = provider.getSigner();
 ```
 
+## Using with [Vite](https://github.com/vitejs/vite)
+
+```js
+//vite.config.js
+import nodePolyfills from 'rollup-plugin-polyfill-node';
+const production = process.env.NODE_ENV === 'production';
+
+export default {
+
+  plugins: [
+    // ↓ Needed for development mode
+    !production && nodePolyfills({
+        include: ['node_modules/**/*.js', new RegExp('node_modules/.vite/.*js')]
+      })
+  ],
+
+  build: {
+    rollupOptions: {
+      plugins: [
+        // ↓ Needed for build
+        nodePolyfills()
+      ]
+    },
+    // ↓ Needed for build if using WalletConnect and other providers
+    commonjsOptions: {
+      transformMixedEsModules: true
+    }
+  }
+}
+```
+
 ## Using in vanilla JavaScript
 
 You can use the modal from the old fashioned web page JavaScript as well.