本文通过对webpack5的module federation的相关配置，对打包后代码进行梳理，了解其运行时的相应状态，在从源码出发，简易的对webpack federation的大包流程进行阐述；

本篇开始，一起讨论一下，基于monorepo架构模式，利用Module Federation实现微前端架构的架设方案。

Hello～ 大家好，阅读本文大约需要10分钟，快来阅读吧！本文主要介绍古茗在中后台技术方向的一些思考和技术沉淀。

我会按照以下几个方向对微前端进行知识梳理： 什么是微前端，微前端的方案有哪些，微前端方案的对比，微前端的适用场景，微前端的实现思路，微前端的底层源码分析，微前端技术的延伸--Vue如何使用React项

一、整体流程 Micro App 的核⼼功能在CustomElement基础上进⾏构建，CustomElement⽤于创建⾃定义标签，并提供了元素的渲染、卸载、属性修改等钩⼦函数，我们通过钩⼦函数获知

【本期每日掘金】亮点：一个有意思的CSS图片hover效果、Webpack5源码」make阶段（流程图）分析、前端自动化测试 Jest 测试框架应用

微前端的特性：“技术栈无关”，“独立开发、独立部署”，“环境隔离” 这意味着我们可以循序渐进的进行巨石应用的拆解，去技术升级、去架构尝试、去业务拆解等等。以低成本、低风险的进行，为项目带来更多可能性

当想使用一项新的技术时，大量的重构工作会让你不得不放弃使用新技术的想法时，这时选择微前端方案，可以大幅降低接入旧项目的成本，使用新技术开发新的功能或重构部分旧的功能模块。

哈喽，大家好，我是海怪。今天想跟大家分享一个在使用 Qiankun 中遇到的问题，相信不少人也会遇到过，那就是：**在主应用切换路由时，无法切换对应子应用的路由。好吧，这句话听着就不像人