Merge pull request #215 from remarkablemark/examples/webpack

chore(examples): add webpack example

Author: remarkablemark

examples/webpack/index.html

@@ -0,0 +1,7 @@
+<style>
+  body {
+    font-family: 'Lucida Grande';
+  }
+</style>
+<div id="root"></div>
+<script src="dist/main.js"></script>

examples/webpack/package.json

@@ -0,0 +1,14 @@
+{
+  "scripts": {
+    "start": "npm run clean && npm run build && open index.html",
+    "build": "webpack --mode=development --no-devtool",
+    "clean": "rm -rf dist"
+  },
+  "devDependencies": {
+    "html-react-parser": "../../",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "webpack": "^5.18.0",
+    "webpack-cli": "^4.4.0"
+  }
+}

examples/webpack/src/index.js

@@ -0,0 +1,8 @@
+import parse from 'html-react-parser';
+
+import('react-dom').then(function (ReactDOM) {
+  ReactDOM.render(
+    parse('<h1>HTMLReactParser loaded with webpack</h1>'),
+    document.getElementById('root')
+  );
+});