From 52986e7928fbda895e7834ced3f4b35bd7d9f7d0 Mon Sep 17 00:00:00 2001 From: gioboa Date: Wed, 17 Jun 2026 15:13:17 +0200 Subject: [PATCH 1/2] chore: use official @module-federation/vite --- .../apps/mfe-header/package.json | 2 +- .../apps/mfe-header/vite.config.ts | 2 +- .../browser-mfe-vite/apps/mfe-one/package.json | 2 +- .../apps/mfe-one/vite.config.ts | 2 +- .../browser-mfe-vite/apps/shell/package.json | 2 +- .../browser-mfe-vite/apps/shell/vite.config.ts | 18 +++++++++++++++--- 6 files changed, 20 insertions(+), 8 deletions(-) diff --git a/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-header/package.json b/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-header/package.json index 34ffe98a592f..bbebea603f7e 100644 --- a/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-header/package.json +++ b/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-header/package.json @@ -13,8 +13,8 @@ "react-dom": "^18.3.1" }, "devDependencies": { + "@module-federation/vite": "^1.16.8", "@types/react": "^18.3.5", - "@originjs/vite-plugin-federation": "^1.3.6", "@vitejs/plugin-react": "^4.3.1", "vite": "^5.4.0" } diff --git a/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-header/vite.config.ts b/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-header/vite.config.ts index d179f84a26d6..e1e76bd1b72b 100644 --- a/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-header/vite.config.ts +++ b/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-header/vite.config.ts @@ -1,6 +1,6 @@ import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react'; -import federation from '@originjs/vite-plugin-federation'; +import { federation } from '@module-federation/vite'; export default defineConfig({ plugins: [ diff --git a/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-one/package.json b/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-one/package.json index b286b158b47c..edbd6f06d70f 100644 --- a/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-one/package.json +++ b/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-one/package.json @@ -13,8 +13,8 @@ "react-dom": "^18.3.1" }, "devDependencies": { + "@module-federation/vite": "^1.16.8", "@types/react": "^18.3.5", - "@originjs/vite-plugin-federation": "^1.3.6", "@vitejs/plugin-react": "^4.3.1", "vite": "^5.4.0" } diff --git a/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-one/vite.config.ts b/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-one/vite.config.ts index 3dda22d9c31b..3dbc5a5e33b2 100644 --- a/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-one/vite.config.ts +++ b/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-one/vite.config.ts @@ -1,6 +1,6 @@ import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react'; -import federation from '@originjs/vite-plugin-federation'; +import { federation } from '@module-federation/vite'; export default defineConfig({ plugins: [ diff --git a/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/shell/package.json b/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/shell/package.json index 778b8439a635..eff260ebde32 100644 --- a/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/shell/package.json +++ b/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/shell/package.json @@ -14,9 +14,9 @@ "react-dom": "^18.3.1" }, "devDependencies": { + "@module-federation/vite": "^1.16.8", "@types/react": "^18.3.5", "@types/react-dom": "^18.3.0", - "@originjs/vite-plugin-federation": "^1.3.6", "@vitejs/plugin-react": "^4.3.1", "vite": "^5.4.0" } diff --git a/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/shell/vite.config.ts b/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/shell/vite.config.ts index fb95b0270974..b151ce55082f 100644 --- a/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/shell/vite.config.ts +++ b/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/shell/vite.config.ts @@ -1,6 +1,6 @@ import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react'; -import federation from '@originjs/vite-plugin-federation'; +import { federation } from '@module-federation/vite'; export default defineConfig({ plugins: [ @@ -8,8 +8,20 @@ export default defineConfig({ federation({ name: 'shell', remotes: { - mfe_header: 'http://localhost:3032/assets/remoteEntry.js', - mfe_one: 'http://localhost:3033/assets/remoteEntry.js', + mfe_header: { + type: 'module', + name: 'mfe_header', + entry: 'http://localhost:3032/remoteEntry.js', + entryGlobalName: 'mfe_header', + shareScope: 'default', + }, + mfe_one: { + type: 'module', + name: 'mfe_one', + entry: 'http://localhost:3033/remoteEntry.js', + entryGlobalName: 'mfe_one', + shareScope: 'default', + }, }, shared: ['react', 'react-dom'], }), From 7dd293f7525980805f08a8e05cb29b30ebd64c92 Mon Sep 17 00:00:00 2001 From: gioboa Date: Thu, 9 Jul 2026 10:13:57 +0000 Subject: [PATCH 2/2] fix: externalize Vite ModuleRunner in shell --- .../browser-mfe-vite/apps/mfe-header/vite.config.ts | 1 + .../browser-mfe-vite/apps/mfe-one/vite.config.ts | 1 + .../browser-mfe-vite/apps/shell/vite.config.ts | 4 ++++ 3 files changed, 6 insertions(+) diff --git a/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-header/vite.config.ts b/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-header/vite.config.ts index e1e76bd1b72b..baa167b492e1 100644 --- a/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-header/vite.config.ts +++ b/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-header/vite.config.ts @@ -10,6 +10,7 @@ export default defineConfig({ filename: 'remoteEntry.js', exposes: { './App': './src/App.tsx' }, shared: ['react', 'react-dom'], + dts: false, }), ], build: { diff --git a/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-one/vite.config.ts b/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-one/vite.config.ts index 3dbc5a5e33b2..e63be7bd051b 100644 --- a/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-one/vite.config.ts +++ b/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/mfe-one/vite.config.ts @@ -10,6 +10,7 @@ export default defineConfig({ filename: 'remoteEntry.js', exposes: { './App': './src/App.tsx' }, shared: ['react', 'react-dom'], + dts: false, }), ], build: { diff --git a/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/shell/vite.config.ts b/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/shell/vite.config.ts index b151ce55082f..c669e443aff2 100644 --- a/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/shell/vite.config.ts +++ b/dev-packages/e2e-tests/test-applications/browser-mfe-vite/apps/shell/vite.config.ts @@ -24,12 +24,16 @@ export default defineConfig({ }, }, shared: ['react', 'react-dom'], + dts: false, }), ], build: { target: 'esnext', minify: false, envPrefix: ['PUBLIC_'], + rollupOptions: { + external: ['vite/module-runner'], + }, }, envPrefix: ['PUBLIC_'], preview: { port: 3030 },