feat(dogfooding): make app use public path (#133)

weboko · web-flow · commit 73f98767f10f · 2025-06-02T19:11:54.000+02:00
diff --git a/examples/dogfooding/index.html b/examples/dogfooding/index.html
@@ -4,10 +4,10 @@
     <meta charset="UTF-8" />
     <meta content="width=device-width, initial-scale=1.0" name="viewport" />
     <title>Waku Dogfooding - Refactored</title>
-    <link rel="apple-touch-icon" href="./favicon.png" />
-    <link rel="manifest" href="./manifest.json" />
-    <link rel="icon" href="./favicon.ico" />
-    <link rel="stylesheet" href="./style.css" />
+    <link rel="apple-touch-icon" href="<%= htmlWebpackPlugin.options.publicPath %>favicon.png" />
+    <link rel="manifest" href="<%= htmlWebpackPlugin.options.publicPath %>manifest.json" />
+    <link rel="icon" href="<%= htmlWebpackPlugin.options.publicPath %>favicon.ico" />
+    <link rel="stylesheet" href="<%= htmlWebpackPlugin.options.publicPath %>style.css" />
 </head>
 <body>
     <div class="app-container">
@@ -57,6 +57,5 @@ <h2>Message Log</h2>
             <p>Waku Dogfooding App - Modern UI</p>
         </footer>
     </div>
-    <script src="./index.js"></script>
 </body>
 </html>
diff --git a/examples/dogfooding/package.json b/examples/dogfooding/package.json
@@ -18,9 +18,9 @@
     "@libp2p/interface": "^2.1.3",
     "@types/node": "^20.12.11",
     "copy-webpack-plugin": "^11.0.0",
-    "html-webpack-plugin": "^5.6.3",
     "eslint": "^8",
     "eslint-config-next": "13.5.6",
+    "html-webpack-plugin": "^5.6.3",
     "ts-loader": "^9.5.1",
     "typescript": "^5.4.5",
     "webpack": "^5.74.0",
diff --git a/examples/dogfooding/webpack.config.js b/examples/dogfooding/webpack.config.js
@@ -1,4 +1,5 @@
 const CopyWebpackPlugin = require("copy-webpack-plugin");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
 const path = require("path");
 
 const isProduction = process.env.NODE_ENV === 'production';
@@ -32,9 +33,18 @@ module.exports = {
     global: false
   },
   plugins: [
+    new HtmlWebpackPlugin({
+      template: "index.html",
+      filename: "index.html",
+      inject: 'head',
+      scriptLoading: 'defer',
+      publicPath: publicPath,
+      templateParameters: {
+        removeScript: true
+      }
+    }),
     new CopyWebpackPlugin({
       patterns: [
-        { from: "index.html", to: "index.html" },
         { from: "public/style.css", to: "style.css" },
         { from: "manifest.json", to: "manifest.json" },
         { from: "favicon.ico", to: "favicon.ico" },
