fix: load connect-history-api-fallback via dynamic import

Author: chenjiahan

package.json

@@ -48,7 +48,6 @@
     "@rspack/dev-middleware": "^2.0.0",
     "@types/ws": "^8.18.1",
     "chokidar": "^5.0.0",
-    "connect-history-api-fallback": "^2.0.0",
     "connect-next": "^4.0.0",
     "ws": "^8.20.0"
   },
@@ -59,11 +58,13 @@
     "@rspack/core": "2.0.0-rc.0",
     "@rspack/plugin-react-refresh": "1.6.1",
     "@rstest/core": "^0.9.5",
+    "@types/connect-history-api-fallback": "^1.5.4",
     "@types/mime-types": "3.0.1",
     "@types/node": "^24.12.0",
     "@types/serve-static": "^2.2.0",
     "@types/trusted-types": "^2.0.7",
     "@types/ws": "8.18.1",
+    "connect-history-api-fallback": "^2.0.0",
     "cross-env": "^10.1.0",
     "css-loader": "^7.1.4",
     "express": "^5.2.1",

pnpm-lock.yaml

@@ -8,8 +8,6 @@ export default defineConfig({
       dts: true,
       output: {
         externals: {
-          'connect-history-api-fallback':
-            'commonjs connect-history-api-fallback',
           selfsigned: 'commonjs selfsigned',
         },
       },

rslib.config.ts

@@ -1865,7 +1865,9 @@ class Server<
     }
 
     if (this.options.historyApiFallback) {
-      const connectHistoryApiFallback = require('connect-history-api-fallback');
+      const { default: connectHistoryApiFallback } = await import(
+        /* webpackChunkName: "connect-history-api-fallback" */ 'connect-history-api-fallback'
+      );
 
       const { historyApiFallback } = this.options;
 
@@ -1885,7 +1887,7 @@ class Server<
         name: 'connect-history-api-fallback',
         middleware: connectHistoryApiFallback(
           historyApiFallback as ConnectHistoryApiFallbackOptions,
-        ),
+        ) as DevServerMiddlewareHandler,
       });
 
       // include our middleware to ensure