Settings to use with Vite

[imsys]

Vite an alternative to Webpack, and it needs some special settings to get it working with Web3Modal.
Adding this to the documentation will help the users.
Those settings were found thanks to @theurgi at blocknative/web3-onboard#762 (comment)

[netlify]

👷 Deploy request for web3modal pending review.
Visit the deploys page to approve it

🔨 Explore the source changes: 50e1ef5

[nick-the-dev]

You just saved my day! Thank you!

[gaspardip]

I want to mention that this did not work for me, however the following did (using WalletConnect, Torus and Coinbase packages)

import react from "@vitejs/plugin-react";
import { defineConfig } from "vite";
import tsConfigPaths from "vite-tsconfig-paths";

export default defineConfig({
  resolve: {
    alias: {
      stream: "stream-browserify",
      process: "process/browser",
      https: "agent-base",
    },
  },
  build: {
    commonjsOptions: {
      transformMixedEsModules: true,
    },
  },
});