fixed react dev

dev/react-project/package.json

@@ -17,6 +17,7 @@
     "concurrently": "^6.4.0",
     "css-loader": "^6.8.1",
     "esbuild-loader": "^4.0.2",
+    "copy-webpack-plugin": "^11.0.0",
     "html-webpack-plugin": "^5.5.3",
     "http-server": "^14.0.0",
     "style-loader": "^3.3.3",

dev/react-project/webpack.config.js

@@ -1,6 +1,7 @@
 const path = require('path')
 
-const HtmlWebpackPlugin = require('html-webpack-plugin')
+const HtmlPlugin = require('html-webpack-plugin')
+const CopyPlugin = require('copy-webpack-plugin')
 
 module.exports = {
   mode: process.env.NODE_ENV ?? 'development',
@@ -27,11 +28,7 @@ module.exports = {
   resolve: {
     fallback: { crypto: false },
   },
-  plugins: [
-    new HtmlWebpackPlugin({
-      template: './public/index.html',
-    }),
-  ],
+  plugins: [new HtmlPlugin({ template: './public/index.html' }), new CopyPlugin({ patterns: ['data/*.html'] })],
   devServer: {
     compress: true,
     port: 3000,

lib/client/vanilla/index.jsx

@@ -41,7 +41,7 @@ const ContentProviderReact = () => {
     }
 
     const url = location.pathname === '/' ? '/default.html' : `${location.pathname}.html`
-    const _data = await fetch(url).then((r) => r.text())
+    const _data = await fetch(`/data/${url}`).then((r) => r.text())
     setData([{ content: _data, name: location.pathname }])
     setLoaded(true)
   }