Update r161718 (#3843)

* 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

---------

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({
@@ -25,9 +24,9 @@ module.exports = {
     },
   }),
   server: [
-    new UniversalFederationPlugin({
+    new ModuleFederationPlugin({
+      runtimePlugins: [require.resolve('@module-federation/node/runtimePlugin')],
       remoteType: 'script',
-      isServer:true,
       name: 'remote1',
       filename: 'remoteEntry.js',
       library: { type: 'commonjs-module' },

react-16-17-18-ssr/remote1/config/module-federation.js

@@ -2,7 +2,7 @@ const path = require('path');
 const { merge } = require('webpack-merge');
 const sharedWebpackConfig = require('./webpack.shared');
 const moduleFederationPlugin = require('./module-federation');
-const HtmlWebPackPlugin = require('html-webpack-plugin');
+const {HtmlRspackPlugin} = require('@rspack/core')
 
 /**
  * @type {import('webpack').Configuration}
@@ -14,7 +14,7 @@ const webpackConfig = {
   },
   plugins: [
     moduleFederationPlugin.client,
-    new HtmlWebPackPlugin({
+    new HtmlRspackPlugin({
       template: './src/index.html',
     }),
   ],

react-16-17-18-ssr/remote1/config/webpack.client.js

@@ -12,7 +12,7 @@ const webpackConfig = {
     filename: '[name].js',
     libraryTarget: 'commonjs-module',
   },
-  target: false,
+  target: 'async-node',
   name: 'server',
   plugins: [...moduleFederationPlugin.server],
 };

react-16-17-18-ssr/remote1/config/webpack.server.js

@@ -5,8 +5,8 @@
     "start": "pnpm build && pnpm serve",
     "serve": "npx serve dist/ -p 3001",
     "build": "pnpm build:client && pnpm build:server",
-    "build:client": "rimraf dist/client && webpack --mode production --config config/webpack.client.js",
-    "build:server": "rimraf dist/server && webpack --mode production --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": {
     "react": "16.14.0",
@@ -28,6 +28,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/core": "^0.6.3",
+    "@rspack/cli": "^0.6.3",
+    "@rspack/dev-server": "^0.6.3"
   }
-}
+}

react-16-17-18-ssr/remote1/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({
@@ -23,9 +22,11 @@ module.exports = {
     },
   }),
   server: [
-    new UniversalFederationPlugin({
+    new ModuleFederationPlugin({
       remoteType: 'script',
-      isServer:true,
+      runtimePlugins: [
+        require.resolve('@module-federation/node/runtimePlugin')
+      ],
       name: 'remote2',
       filename: 'remoteEntry.js',
       library: { type: 'commonjs-module' },

react-16-17-18-ssr/remote1/webpack.config.js renamed to react-16-17-18-ssr/remote1/rspack.config.js

@@ -2,7 +2,7 @@ const path = require('path');
 const { merge } = require('webpack-merge');
 const sharedWebpackConfig = require('./webpack.shared');
 const moduleFederationPlugin = require('./module-federation');
-const HtmlWebPackPlugin = require('html-webpack-plugin');
+const {HtmlRspackPlugin} = require('@rspack/core')
 
 /**
  * @type {import('webpack').Configuration}
@@ -14,7 +14,7 @@ const webpackConfig = {
   },
   plugins: [
     moduleFederationPlugin.client,
-    new HtmlWebPackPlugin({
+    new HtmlRspackPlugin({
       template: './src/index.html',
     }),
   ],