automerge/javascript/examples/webpack
2022-10-18 13:29:56 +01:00
..
public Move wrappers/javascript -> javascript 2022-10-16 19:55:54 +01:00
src Move wrappers/javascript -> javascript 2022-10-16 19:55:54 +01:00
.gitignore Move wrappers/javascript -> javascript 2022-10-16 19:55:54 +01:00
package.json consolidate inserts and deletes more aggressivly into a single splice 2022-10-18 13:29:56 +01:00
README.md Move wrappers/javascript -> javascript 2022-10-16 19:55:54 +01:00
webpack.config.js Move wrappers/javascript -> javascript 2022-10-16 19:55:54 +01:00

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