Rspack react 18 codesplitting ssr (#3844)

* migrate to enhanced

* migrate to enhanced

* migrate to enhanced

* move react 16 17 18 ssr to rspack

* move react 16 17 18 ssr to rspack

* move react 18 code split ssr tp rspack

---------

Co-authored-by: ScriptedAlchemy <[email protected]>

Author: ScriptedAlchemy

pnpm-lock.yaml

@@ -1,6 +1,5 @@
 const deps = require('../package.json').dependencies;
-const {ModuleFederationPlugin} = require('@module-federation/enhanced');
-const {UniversalFederationPlugin} = require('@module-federation/node');
+const {ModuleFederationPlugin} = require('@module-federation/enhanced/rspack');
 
 module.exports = {
   client: new ModuleFederationPlugin({
@@ -13,11 +12,10 @@ module.exports = {
     shared: [{react: deps.react, 'react-dom': deps['react-dom']}],
   }),
   server: [
-    new UniversalFederationPlugin(
+    new ModuleFederationPlugin(
       {
-        dts: false,
         remoteType: 'script',
-        isServer: true,
+        runtimePlugins: [require.resolve('@module-federation/node/runtimePlugin')],
         name: 'app1',
         library: {type: 'commonjs-module'},
         filename: 'remoteEntry.js',

react-18-code-splitting/app1/config/module-federation.js

@@ -5,8 +5,8 @@
     "start": "pnpm build && pnpm serve",
     "serve": "node dist/server/main.js",
     "build": "pnpm build:server && pnpm build:client",
-    "build:client": "rimraf dist/client && webpack --mode production --progress --config config/webpack.client.js",
-    "build:server": "rimraf dist/server && webpack --mode production --progress --config config/webpack.server.js"
+    "build:client": "rimraf dist/client && rspack --mode production --config config/webpack.client.js",
+    "build:server": "rimraf dist/server && rspack --mode production --config config/webpack.server.js"
   },
   "dependencies": {
     "express": "4.18.2",
@@ -33,6 +33,9 @@
     "rimraf": "3.0.2",
     "webpack": "^5.91.0",
     "webpack-cli": "4.9.2",
-    "webpack-merge": "5.10.0"
+    "webpack-merge": "5.10.0",
+    "@rspack/cli": "^0.6.3",
+    "@rspack/core": "^0.6.3",
+    "@rspack/dev-server": "^0.6.3"
   }
-}
+}

react-18-code-splitting/app1/package.json

@@ -1,6 +1,5 @@
 const deps = require('../package.json').dependencies;
-const {ModuleFederationPlugin} = require('@module-federation/enhanced');
-const {UniversalFederationPlugin} = require('@module-federation/node');
+const {ModuleFederationPlugin} = require('@module-federation/enhanced/rspack');
 
 module.exports = {
   client: new ModuleFederationPlugin({
@@ -14,10 +13,9 @@ module.exports = {
     shared: [{react: deps.react, 'react-dom': deps['react-dom']}],
   }),
   server: [
-    new UniversalFederationPlugin({
-      dts: false,
+    new ModuleFederationPlugin({
       remoteType: 'script',
-      isServer: true,
+      runtimePlugins: [require.resolve('@module-federation/node/runtimePlugin')],
       name: 'app2',
       library: {type: 'commonjs-module'},
       filename: 'remoteEntry.js',

react-18-code-splitting/app2/config/module-federation.js

@@ -5,8 +5,8 @@
     "start": "pnpm build && pnpm serve",
     "serve": "node dist/server/main.js",
     "build": "pnpm build:server && pnpm build:client",
-    "build:client": "rimraf dist/client && webpack --mode production --progress --config config/webpack.client.js",
-    "build:server": "rimraf dist/server && webpack --mode development --progress --config config/webpack.server.js"
+    "build:client": "rimraf dist/client && rspack --mode production --config config/webpack.client.js",
+    "build:server": "rimraf dist/server && rspack --mode development --config config/webpack.server.js"
   },
   "dependencies": {
     "express": "4.18.2",
@@ -33,6 +33,9 @@
     "rimraf": "3.0.2",
     "webpack": "^5.91.0",
     "webpack-cli": "4.9.2",
-    "webpack-merge": "5.10.0"
+    "webpack-merge": "5.10.0",
+    "@rspack/cli": "^0.6.3",
+    "@rspack/core": "^0.6.3",
+    "@rspack/dev-server": "^0.6.3"
   }
-}
+}