automerge/automerge-js/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