微前端框架Module Federation
以下是 Module Federation 的核心知识点，并结合微前端架构的设计思想，帮助我们构建完整的知识体系：
一、Module Federation 基础概念
1. 什么是 Module Federation？
- 定义：Webpack 5 引入的一项革命性功能，允许在运行时动态加载其他独立构建的应用模块（微前端），实现跨应用的代码共享。
- 核心思想：将应用拆分为多个独立模块（称为“微前端”），各模块可独立开发、部署，最终通过运行时集成。
2. 核心角色
- Host（宿主应用）：消费其他模块的应用（如主应用）。
- Remote（远程模块）：被其他应用消费的模块（如子应用）。
- Shared Dependencies（共享依赖）：跨应用共享的库（如 React、Vue），避免重复加载。
3. 关键能力
- 动态代码加载：按需加载远程模块。
- 依赖共享：避免重复打包相同库（如 React）。
- 独立部署：每个模块独立构建、部署，不影响其他模块。
二、Module Federation 核心配置
1. Webpack 配置
-
Host 配置：
const ModuleFederationPlugin = require