https://juejin.cn/post/7308583491934994470?searchId=202403161643119721946F602AD39052AC#heading-15 #

文章主要从原理、优缺点出发，深入剖析现在市面上最流行的三大的微前端框架。带领读者彻底理解微前端，同时也会给出一些选型上的参考。

写在最前： 前言 掘金上搜wujie，那么大眼一看，好像全都是介绍的，并没有几个落地方案的分享。正好我上个月把部门内三个业务系统用wujie整合了一下，记录成文章和大家分享一下。

本文中主应用采用vue2构建，微应用采用vue2、vue3、react构建。其中主应用和微应用都采用webpack打包，并且主应用路由模式选择了History（该模式需要服务端支持），微应用路由模式采

什么是微前端 微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。

微前端架构旨在解决单体应用在一个相对长的时间跨度下，由于参与的人员、团队的增多、变迁，从一个普通应用演变成一个巨石应用后，随之而来的应用不可维护的问题。这类问题在企业级 Web 应用中尤其常见。

在一个公司里，特别是企业级软件里，经常会要求把多个业务线集成在一个站点上。这会造成什么问题。 随着业务增长，前端代码也就越来越多，不过开发环境还是线上环境打包时间都会越来越长。 随着业务增多，相对的每

微前端架构最大的优势在于它实现了系统模块的完全解耦。原来复杂得难以维护的单体代码,通过分解成独立的子应用模块后,每个子应用内部变得极其清晰和易管理。

微前端概念的出现是前端发展的必然阶段，PC 互联网转向移动互联网时代时，PC 场景并未完全消失，反而衍生出了更多沉浸感更高、体验感更强的应用，与之对应的应该是出现新的架构模式来应对这些应用规模的增长。