feat: update Rsbuild MF examples

rsbuild/module-federation-enhanced/consumer/package.json

@@ -11,7 +11,7 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@module-federation/enhanced": "^0.7.3",
+    "@module-federation/rsbuild-plugin": "^0.8.0",
     "@rsbuild/core": "^1.0.19",
     "@rsbuild/plugin-react": "^1.0.7",
     "@types/react": "^18.3.12",

rsbuild/module-federation-enhanced/consumer/rsbuild.config.ts

@@ -1,27 +1,19 @@
 import { defineConfig } from '@rsbuild/core';
 import { pluginReact } from '@rsbuild/plugin-react';
-import { ModuleFederationPlugin } from '@module-federation/enhanced/rspack';
+import { pluginModuleFederation } from '@module-federation/rsbuild-plugin';
 
 export default defineConfig({
-  server: {
-    port: 2000,
-  },
-  tools: {
-    rspack: (config, { appendPlugins }) => {
-      appendPlugins([
-        new ModuleFederationPlugin({
-          name: 'federation_consumer',
-          remotes: {
-            federation_provider: 'federation_provider@http://localhost:3000/mf-manifest.json',
-          },
-          shared: ['react', 'react-dom'],
-        }),
-      ]);
-    },
-  },
   plugins: [
-    pluginReact({
-      splitChunks: { react: false, router: false },
+    pluginReact(),
+    pluginModuleFederation({
+      name: 'federation_consumer',
+      remotes: {
+        federation_provider: 'federation_provider@http://localhost:3000/mf-manifest.json',
+      },
+      shared: ['react', 'react-dom'],
     }),
   ],
+  server: {
+    port: 2000,
+  },
 });

rsbuild/module-federation-enhanced/provider/package.json

@@ -11,7 +11,7 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@module-federation/enhanced": "^0.7.3",
+    "@module-federation/rsbuild-plugin": "^0.8.0",
     "@rsbuild/core": "^1.0.19",
     "@rsbuild/plugin-react": "^1.0.7",
     "@types/react": "^18.3.12",

rsbuild/module-federation-enhanced/provider/rsbuild.config.ts

@@ -1,33 +1,19 @@
 import { defineConfig } from '@rsbuild/core';
 import { pluginReact } from '@rsbuild/plugin-react';
-import { ModuleFederationPlugin } from '@module-federation/enhanced/rspack';
+import { pluginModuleFederation } from '@module-federation/rsbuild-plugin';
 
 export default defineConfig({
-  server: {
-    port: 3000,
-  },
-  dev: {
-    // It is necessary to configure assetPrefix, and in the production build, you need to configure output.assetPrefix
-    assetPrefix: 'http://localhost:3000',
-  },
-  tools: {
-    rspack: (config, { appendPlugins }) => {
-      // You need to set a unique value that is not equal to other applications
-      config.output!.uniqueName = 'federation_provider';
-      appendPlugins([
-        new ModuleFederationPlugin({
-          name: 'federation_provider',
-          exposes: {
-            './button': './src/Button.tsx',
-          },
-          shared: ['react', 'react-dom'],
-        }),
-      ]);
-    },
-  },
   plugins: [
-    pluginReact({
-      splitChunks: { react: false, router: false },
+    pluginReact(),
+    pluginModuleFederation({
+      name: 'federation_provider',
+      exposes: {
+        './button': './src/Button.tsx',
+      },
+      shared: ['react', 'react-dom'],
     }),
   ],
+  server: {
+    port: 3000,
+  },
 });

rsbuild/module-federation/remote/rsbuild.config.ts

@@ -3,11 +3,7 @@ import { pluginReact } from '@rsbuild/plugin-react';
 import { mfConfig } from './module-federation.config';
 
 export default defineConfig({
-  plugins: [
-    pluginReact({
-      splitChunks: { react: false, router: false },
-    }),
-  ],
+  plugins: [pluginReact()],
   server: {
     port: 3002,
   },