diff --git a/bi-directional/app1/modern.config.js b/bi-directional/app1/modern.config.js index b56291b8484..2a46a0f84ac 100644 --- a/bi-directional/app1/modern.config.js +++ b/bi-directional/app1/modern.config.js @@ -1,28 +1,25 @@ import appTools, { defineConfig } from '@modern-js/app-tools'; - +import {ModuleFederationPlugin} from '@module-federation/enhanced/webpack' // https://modernjs.dev/en/configure/app/usage export default defineConfig({ server: { port: 3001, }, - // dev: { - // // set publicPath - // assetPrefix: 'http://localhost:3001/', - // }, runtime: { router: true, }, source: { - // automatically generated asynchronous boundary via Dynamic Import, allowing the page code to consume remote modules generated by the module federation. - enableAsyncEntry: true, + enableAsyncEntry: true, // Enable async entry for module federation }, tools: { webpack: (config, { webpack, appendPlugins }) => { + // Remove splitChunks optimization delete config.optimization.splitChunks; config.output.publicPath = 'auto'; + // Add Module Federation Plugin appendPlugins([ - new webpack.container.ModuleFederationPlugin({ + new ModuleFederationPlugin({ name: 'app1', runtime: false, filename: 'static/js/remoteEntry.js', diff --git a/bi-directional/app1/package.json b/bi-directional/app1/package.json index 1486829b7c8..8a8b34c7a03 100644 --- a/bi-directional/app1/package.json +++ b/bi-directional/app1/package.json @@ -36,6 +36,7 @@ "@modern-js/eslint-config": "2.50.0", "@modern-js/tsconfig": "2.50.0", "@modern-js-app/eslint-config": "2.50.0", + "@module-federation/enhanced": "0.1.13", "@modern-js/builder-rspack-provider": "2.46.1", "lint-staged": "15.0.2", "prettier": "3.0.3", diff --git a/bi-directional/app1/src/routes/page.jsx b/bi-directional/app1/src/routes/page.jsx index d5d8e7484d3..ee88bd3e704 100644 --- a/bi-directional/app1/src/routes/page.jsx +++ b/bi-directional/app1/src/routes/page.jsx @@ -24,9 +24,7 @@ const Index = () => (

FEDERATED: