使用 Module Federation 的微前端
微前端将微服务的原则应用于浏览器：每个团队拥有一个独立部署的 UI 片段，Webpack 的 Module Federation 在运行时将它们拼接在一起。此课程涵盖完整的架构——从将单体前端拆分为自治单元到在生产环境中部署、保护和优化联合应用程序。这项技术已在需要多个团队向同一页面交付内容而无需协调瓶颈的组织中得到生产验证。
您将学到什么
您将理解微前端架构背后的结构原则，从零开始配置 Webpack Module Federation，并在远程应用之间共享库而无需重复。课程涵盖跨联合边界的路由和导航、错误隔离和韧性策略以及微前端间的通信模式。您还将探索特定于联合应用的测试策略、独立部署的 CI/CD 管道、性能优化以及在运行时加载远程代码的独特安全考虑。
学习路径
十二门课程跨越 A1 到 C1。课程以微前端架构简介开始，进入 B1 级别的 Webpack 和 Module Federation 基础以及构建您的第一个联合应用程序。B2 阶段通过高级模块共享、路由、错误处理、测试和部署深化工作。最后四门 C1 课程——微前端间通信模式、微前端性能优化、微前端架构中的安全性和高级场景和最佳实践——涉及最具挑战性的生产问题。
工作原理
每门课程分为短小的实践课程，您可以在内置代码编辑器中完成，获得实时反馈。当您遇到困难时，AI 辅导员随时可用，因此您可以在平台内解决配置错误和架构问题。