automerge/javascript/examples/webpack

Webpack + Automerge

Getting WASM working in webpack 5 is very easy. You just need to enable the asyncWebAssembly experiment. For example:

const path = require("path")

const clientConfig = {
  experiments: { asyncWebAssembly: true },
  target: "web",
  entry: "./src/index.js",
  output: {
    filename: "main.js",
    path: path.resolve(__dirname, "public"),
  },
  mode: "development", // or production
  performance: {
    // we dont want the wasm blob to generate warnings
    hints: false,
    maxEntrypointSize: 512000,
    maxAssetSize: 512000,
  },
}

module.exports = clientConfig

Running the example

yarn install
yarn start