fix: fix webpack 5 config for live demo

README.md

@@ -25,6 +25,11 @@ Currently, all the plugins provided only work for remark versions **lesser than*
 
 This project uses [Jest][jest] for testing. It is recommended to use the locally installed version using `npx`, and run Jest in watch mode when developing `npx jest --watch --notify` (`--notify` sends desktop notifications when tests run).
 
+### Development
+
+1. `npm run build-demo`
+1. Open `packages/zmarkdown/public/index.html` in your browser
+
 ### Useful commands
 
 * `npm run test` : tests all packages.

packages/zmarkdown/package.json

@@ -49,6 +49,7 @@
     "katex": "0.11.1",
     "md-attr-parser": "^1.3.0",
     "pm2": "^4.4.1",
+    "process": "^0.11.10",
     "rebber": "file:../rebber",
     "rebber-plugins": "file:../rebber-plugins",
     "rehype-autolink-headings": "^4.0.0",

packages/zmarkdown/webpack.config.js

@@ -1,3 +1,4 @@
+const webpack = require('webpack');
 const path = require('path')
 
 const mode = process.env.NODE_ENV ? process.env.NODE_ENV : 'production'
@@ -22,6 +23,11 @@
       },
     ],
   },
+  plugins: [
+    new webpack.ProvidePlugin({
+      process: 'process/browser',
+    }),
+  ],
 }
 
 const makeExportObject = (type) => {