在写这篇文章的一个多月前，本坑还不知道微前端是什么，大概从字面上的含义是比较小的前端项目。 本坑开始实践它，是由于工作要求。改造一个运行多年，前端用jsp写的服务平台项目（以下简称该平台）。改造它是改造它的前端架构。改造它的原因是比较多人反馈，其页面加载和渲染显得吃力，页面切换…

因为最近被问起当前公司的前端产品有没有聚合为微前端的可能性，所以又重新开始审视“微前端”这个话题。差不多一年前写过一篇反驳美团微前端方案的文章。那篇文章更多的是关于“没有必要这么做”，但是“应该如何做”我也并没有给出更好的方案。最近在参考了很多资料之后，对这个的问题的答案有了轮…

在 Web 开发导论/微前端与大前端一文中，笔者简述了微服务与微前端的设计理念以及微前端的潜在可行方案。微服务与微前端，都是希望将某个单一的单体应用，转化为多个可以独立运行、独立开发、独立部署、独立维护的服务或者应用的聚合，从而满足业务快速变化及分布式多团队并行开发的需求。如康…

最近打算改进一下现有网站的架构，微前端这个词多次进入了我的视野。 但是网上关于微前端文章总是说得似是而非，于是我找到这篇文章进行翻译。并大概理解微前端的理念。目前还没有确定是否使用微前端架构，因为看起来业界对最佳实践并没有达成一致。 译文开始，有删节。 把前端做好很难，让多个团…

不同的团队可能有不同的方法去解决这些问题。在前端开发日新月异、前端工程化蓬勃发展的今天，我想给大家介绍下另一种尝试——微前端。 那什么是微前端？微前端主要是借鉴后端微服务的概念。简单地说，就是将一个巨无霸（Monolith）的前端工程拆分成一个一个的小工程。别小看这些小工程，它…

我所在团队是做toB业务的，技术栈是Vue，团队目前有十多个典型的toB业务（菜单+内容布局），这些业务都是服务于一个大平台的，因为历史原因，每个业务都是独立的，都有一个html入口，所以当用户在这个大平台上使用这十多个业务的时候，每当切换系统时，页面都会刷新，体验很差；在开发…

本文所讲述的微前端区别于广泛认知的微前端定义，它不兼容不同技术栈（微前端的简单实现），为了区分我称之为同构微前端。相比之下，同构微前端降低复杂度的同时，又避免了多个框架、组件库导致的依赖臃肿问题，是我十分推崇的架构设计。 通过上一节的优化，我们已经有了从零构建中小型单页项目的能…

微前端架构是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用从单一的单体应用转变为由多个小型前端应用聚合为一的应用。 iFrame。使用 iFrame 及自定义消息传递机制 此次实践，采用的是Single-SPA的加载机制，具体如下。 portal项目启动…

微前端最近已经很火了，最近跟着火的还有 webpack5 module federation 了，想必大家都有耳闻了。但是我今天主要讲的是微模块，我觉得它更值得被推崇。 微前端 和 微模块 的区别，👇请看下图所示。 微模块架构更多的是解决同一应用技术栈内模块编译、打包，以及共…