微前端(一)微前端是什么?为什么要用微前端?

Web前端 专栏收录该内容
3 篇文章 0 订阅

微前端是什么?

参考网站:
https://micro-frontends.org
https://microfrontends.com

微前端就是与多个可以独立发布功能的团队一起构建现代化web应用程序的技术、策略和方法,将大而可怕的事物分割成更小、更易于管理的部分,然后明确它们之间的依赖关系。我们的技术选择,我们的代码库,我们的团队,以及我们的发布过程都应该能够相互独立地操作和进化,而不需要过度的协调。微前端架构是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。
在这里插入图片描述

为什么要用微前端?

拆分巨型应用,使应用方便迭代更新
兼容历史应用,实现增量开发

特点:

  • 独立部署
  • 增量迁移
  • 团队自治
  • 松耦合代码

优点:

  • 通过路由进行跨应用程序通信
  • 解决了大型项目如何迭代的问题
  • 解决了多团队技术栈不同的问题,实现react和Vue等框架整合

缺点:

  • 有效载荷大小
  • 环境差异配置难
  • 业务和治理复杂

微前端结构方案

  • 自由组织模式
    没有特别形势,类似iframe嵌套、npm包自由发挥
  • 基座模型
    类似微服务的注册中心模式,有个基座,其他应用都往里加
  • 去中心模式
    webpack5模块联邦,多个应用可以互相嵌套,可以深入到组件导入导出

主流微前端框架

国内使用基座模式偏多
Single-Spa:最早的微前端框架,兼容多种前端技术栈。
Qiankun:基于Single-Spa,阿里系开源微前端框架。

  • 0
    点赞
  • 1
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值