微前端(一)

笙烛

关注

阅读 66

2022-02-04

背景

一个项目,所有的页面都在一个工程里,如果改一个bug,或者增加一些功能,需要整体一个项目全部打包编译,需要的时间很长,如果可以把每一个页面(模块)拆出来,修 bug 只需要打包编译自己模块的就好了,这样就会节省很多时间

微前端主要框架

qiankun 框架提供了开箱即用的 api (single-spa,sandbox,import-html-entry)做到了和技术栈无关,并且接入简单(和 iframe 一样简单)

协议接入:提供接口,按照接口的规则(协议)进行接入

应用通信

1. 使用url进行通信,但是传递消息能力较弱

2. 基于 CustomEvent 进行通信

3. 基于 props 进行通信

4. 使用全局变量、Redux、vuex 进行通信

精彩评论(0)

0 0 举报