前端代码

node_modules/bs-recipes/recipes/webpack.preact-hot-loader/app/js/HelloWorld.jsx

@@ -0,0 +1,14 @@
+import {h, Component} from 'preact';
+
+export default class HelloWorld extends Component {
+  render() {
+    // Play with it...
+    const name = 'World';
+
+    return (
+      <h2 className="hello-world">
+        <span className="hello-world__i">Hello, {name}</span>
+      </h2>
+    );
+  }
+}

node_modules/bs-recipes/recipes/webpack.preact-hot-loader/app/js/main.js

@@ -0,0 +1,16 @@
+import {h, render} from 'preact';
+
+if (module.hot) {
+    module.hot.accept('./HelloWorld.jsx', () => requestAnimationFrame(() => {
+        init();
+    }));
+}
+
+let root;
+
+function init() {
+    const HellowWorld = require('./HelloWorld.jsx').default;
+    root = render(<HellowWorld />, document.getElementById('preact-root'), root);
+}
+
+init();