test same remote

Author: 张洪恩

react-manifest-example/host/rsbuild.config.ts

@@ -4,15 +4,16 @@ import { ModuleFederationPlugin } from '@module-federation/enhanced/rspack';
 
 export default defineConfig({
   server: {
-    port: 3000,
+    port: 3009,
   },
   tools: {
     rspack: (config, { appendPlugins }) => {
       appendPlugins([
         new ModuleFederationPlugin({
           name: 'host',
           remotes: {
-            remote1: 'remote1@http://localhost:3001/mf-manifest.json',
+            mfapp01: "mfapp01@https://unpkg.com/mf-app-01@1.0.9/dist/remoteEntry.js",
+            remote1: 'remote1@http://localhost:3001/manifestpath/mf-manifest.json',
             remote2: 'remote2@http://localhost:3002/mf-manifest.json',
           },
           shared: ['react', 'react-dom'],

react-manifest-example/host/src/bootstrap.tsx

@@ -1,6 +1,8 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './App';
+import aA from "mfapp01/App"
+console.log(222, aA)
 
 const root = ReactDOM.createRoot(document.getElementById('root')!);
 root.render(

react-manifest-example/remote1/rsbuild.config.ts

@@ -16,6 +16,10 @@ export default defineConfig({
       appendPlugins([
         new ModuleFederationPlugin({
           name: 'remote1',
+          remotes: {
+            bbc: "http://localhost:5173/dd/remoteEntry.js",
+          },
+          remoteType: "module",
           exposes: {
             './button': './src/button.tsx',
             './app': './src/app.tsx',

react-manifest-example/remote1/src/button.tsx

@@ -1,3 +1,6 @@
+import bbc from "bbc/App"
+console.log(123, bbc)
+
 export default function Button() {
   return <div>remote2</div>;
 }