一、什么是微前端？ 　　我们先来看两个实际的场景： 1、复用别的的项目页面 　　如果我们的项目需要开发某个新的功能，而这个功能另一个项目已经开发好，我们想直接复用时。注意：我们需要的只是别人项目的这个功能页面的「内容部分」，不需要别人项目的顶部导航和菜单。 　　一个比较笨的办法就是直接 ...

一、什么是微前端？ 　　我们先来看两个实际的场景： 1、复用别的的项目页面 　　如果我们的项目需要开发某个新的功能，而这个功能另一个项目已经开发好，我们想直接复用时。注意：我们需要的只是别人项目的这个功能页面的「内容部分」，不需要别人项目的顶部导航和菜单。 　　一个比较笨的办法就是直接 ...

　　10月份换了新的工作，参与完一个月的需求迭代后，接到了项目重构的任务。简单来说，需要在短时间内提出方案设想，同时进行本地验证，最终需要拿出一套技术替换方案来。于是，埋头苦干了一个月，总算干了点成绩出来，今天把当时的思考和实践做个简单总结，就当是个复盘吧。 　　一、老项目现状 ...

一、前言 相信大家对于微前端的概念和思想都有了解过，在此我不再赘述。在我们的业务项目中，由于项目比较大，在日常的开发过程中也暴露出来了问题：项目启动慢，打包部署上线慢。这给我们开发和运维人员带来了很大的不便，有时候有紧急任务需要上线，也得打包半个钟才能交付到运维处。因此，我们打算使用微前端的方案 ...

微前端项目在本地开发完成后，接下来就需要考虑如何部署上线。主应用和微应用都应该是独立开发和部署的，属于不同的仓库。 一、 部署在同一服务器 如果服务器数量有限，或不能跨域等原因需要把主应用和微应用部署在一起。 通常的做法是主应用部署在一级目录，微应用部署在二/三级目录。 1.1 微应用改造 ...

一、概念 之前的一篇文章基于qiankun从零搭建了一套微前端项目，主应用是vue，微应用包括vue、react。内部页面比较单一需要根据实际业务添砖加瓦，每个微应用应该是严格按照业务进行拆分的，但是在实际项目开发过程中，主应用、微应用之间能相互通信是基本的需求。 目前有关微前端通信的方案无非 ...

关注公众号： 微信搜索 前端工具人 ; 收货更多的干货 一、介绍： qiankun 项目实际搭建， 及各种微应用流行框架技术 （vue2 、vue3、react 、 umi2 、umi3）的配置; 初衷：自己当时摸索qiankun构建项目时，问题百出， 特别是umi2 及 umi3，百度 ...

示例代码： github.com/fengxianqi/…。 在线demo：qiankun.fengxianqi.com/ 单独访问在线子应用： subapp/sub-vue subapp/sub-react 为什么要用qiankun ...