微前端与 Module Federation 工程实践

概述Module Federation 允许跨应用共享与动态加载模块，降低重复打包与升级成本。本文聚焦配置与依赖治理。已验证技术参数`shared` 可设置 `singleton` 与 `requiredVersion`；推荐对 `react`/`react-dom` 使用单例`remote` 通过远程入口（`remoteEntry.js`）暴露模块；消费端在运行时解析版本策略：采用语义化版本与兼容范围；对破坏性变更进行灰度实践示例// host webpack config 片段 new ModuleFederationPlugin({ name: 'host', remotes: { app1: 'app1@/app1/remoteEntry.js' }, shared: { react: { singleton: true, requiredVersion: '^18.0.0' } } }); 治理建议建立共享依赖清单与变更评审；避免隐式升级导致运行时冲突对远程不可用场景提供降级或本地备选模块结语微前端的工程化核心在于依赖与版本治理。以规范与监控保障可演进性与稳定性。