fix: use module.rules.include to avoid runtime inject it self (#4134)

packages/rspack-dev-client/package.json

@@ -36,6 +36,6 @@
   "exports": {
     "./react-refresh": "./src/reactRefresh.js",
     "./react-refresh-entry": "./src/reactRefreshEntry.js",
-    "./runtime-path-regexp": "./src/runtimePathRegexp.js"
+    "./runtime-paths": "./src/runtimePaths.js"
   }
 }

packages/rspack-dev-client/src/runtimePaths.js

@@ -0,0 +1,19 @@
+const path = require('path')
+const reactRefreshPath = require.resolve('./reactRefresh.js')
+const RefreshUtilsPath = require.resolve(
+	'@pmmmwh/react-refresh-webpack-plugin/lib/runtime/RefreshUtils',
+	{
+		paths: [reactRefreshPath]
+	}
+)
+const RefreshRuntimeDirPath = path.dirname(
+	require.resolve('react-refresh', {
+		paths: [reactRefreshPath]
+	})
+)
+
+exports.runtimePaths = [
+	reactRefreshPath,
+	RefreshUtilsPath,
+	RefreshRuntimeDirPath
+]

packages/rspack-dev-server/src/server.ts

@@ -17,7 +17,7 @@ import WebpackDevServer from "webpack-dev-server";
 import type { ResolvedDevServer, DevServer } from "./config";
 import { getRspackMemoryAssets } from "./middleware";
 // @ts-expect-error
-import { runtimePathRegexp } from "@rspack/dev-client/runtime-path-regexp";
+import { runtimePaths } from "@rspack/dev-client/runtime-paths";
 
 export class RspackDevServer extends WebpackDevServer {
 	/**
@@ -352,8 +352,9 @@ export class RspackDevServer extends WebpackDevServer {
 				this.addAdditionalEntries(compiler);
 
 				if (this.options.hot) {
+					console.log(runtimePaths);
 					compiler.options.module.rules.push({
-						test: runtimePathRegexp,
+						include: runtimePaths,
 						type: "js"
 					});
 				}