DEV Community
·
Webpack 5 系列 第二部分
💡
原文英文，约500词，阅读约需2分钟。
📝
内容提要
微前端是一种将前端应用程序分成较小、独立的模块的架构风格，模块联邦是Webpack 5中的一个新插件，允许多个独立构建的微前端在运行时共享代码，减小打包大小，并确保不同微前端使用相同版本的库。
🎯
关键要点
- 微前端是一种将前端应用程序分成较小、独立模块的架构风格。
- 微前端适用于大型项目，多个团队可以独立开发、部署和维护各个模块。
- 模块联邦是Webpack 5中的新插件，允许多个独立构建的微前端在运行时共享代码。
- 模块联邦的HOST是消费其他应用代码的微前端，REMOTE是暴露代码供其他应用消费的微前端。
- 模块联邦可以共享公共依赖，减少打包大小，确保不同微前端使用相同版本的库。
- 远程模块可以在运行时动态加载，主应用在构建时不需要知道远程应用的确切位置。
- 配置模块联邦时，需要在远程应用中指定名称、文件名、暴露的模块和共享依赖。
- 在主应用中，可以通过懒加载的方式使用暴露的模块。
➡️
