女王控的博客

微前端

2 篇文章

微前端框架qiankun源码笔记

定义 是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立开发、独立部署。同时,它们也可以在共享组件的同时进行并行开发——这些组件可以通过 npm 或者 git tag、git submodule 来管理。 qiankun(乾坤)就是一款由蚂蚁金服推出的比较成熟的微前端框架,基于 single-spa 进行二次开发,用于将 Web… »

微前端适配demo的实践

需求背景 如下图所示,由于多个产品共存,当初设计产品架构时,侧边栏、打电话组件是存在于每个项目的子模块中的。迫于产品越来越多,需要动到侧边栏的时候越来越频繁,随着产品的不断增加导致了需要编译每个项目的工作越来越重,急需一种新的架构来分离侧边栏与各自产品端。 技术方案 基本原理类似于之前的文章 记一次组件打包为链接的实践 ,也就是主框架也就是侧边栏项目提前设定好元素的位置,再用 ReactDOM.render… »

0%