微前端遇到的问题 微前端拆分子应用会面临多主应用子应用重复加载模块、公共模块跨应用维护等问题。 所以我们要满足以下几个能力： 远程应用模块动态加载 子应用复用主应用的库 跨应用第三方库版本共存 模块联

所以只好重新整理下，纪录一些踩过的坑和调研，希望能对大家有所帮助。本文内容基于 qiankun 的 2.x 版本。 有一些问题是自己发现并解决的，有一些是在 qiankun 的仓库 issue 区看到的。对于这些问题，我尽可能的讲清楚产生原因及解决思路和方法。 内联 js 的内…

1. 复用别的的项目页面 如果我们的项目需要开发某个新的功能，而这个功能另一个项目已经开发好，我们想直接复用时。PS：我们需要的只是别人项目的这个功能页面的内容部分，不需要别人项目的顶部导航和菜单。 一个比较笨的办法就是直接把别人项目这个页面的代码拷贝过来，但是万一别人不是 v…

上一篇文章：从0实现一个single-spa的前端微服务（中）中我们已经实现了single-spa + systemJS的前端微服务以及完善的开发和打包配置，今天主要讲一下这个方案存在的细节问题，以及qiankun框架的一些研究对比。 single-spa的三个生命周期函数bo…

上一篇文章：从0实现一个前端微服务（上）中讲到，single-spa的原理就是，将子项目中的link/script标签和<div id="app"></div>插入到主项目，而这个操作的核心就是动态加载js和css。 动态加载js我们使用的是system.js,借助这个插件，我…

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

什么是前端微服务，网上大把的介绍，我就不啰嗦了，简单来说，就是把各个子项目整合到一起。 iFrame。使用 iFrame 及自定义消息传递机制 其中比较常见的就是iframe和single-spa，这两者各有千秋。 页面加载问题: 影响主页面加载，阻塞onload事件，本身加载…