微前端架构

微前端架构实际验证可实现:
主子应用架构拆分,子应用不限定框架,可以是vue也可以是react,原生js应用; 可以实现主子应用间通信,拆分后对子应用的改造可以做到很小,子应用可以做到独立部署,独立对外发布;

有什么意义:
解藕巨石应用,可解决巨石应用带来的一系列开发和维护难题
与技术无关。开发团队可以自行选择熟悉的技术栈
业务独立。 每个交付服务可以独立部署,也可以独立使用,避免和其他服务耦合 团队可以按照业务垂直拆分,更高效,更好地实践大中台,小前端的团队理念
在赋能各业务线的大中台产品实践的意义较大,各子业务可以任意组合打包对外输出。

第三方开源
single-spa
qiankun

现存的一些缺点
1、一些组件,代码模块,难以实现共用,需重复引入,导致代码冗余
2、第三方包,包括UI库多次引入,项目的总包增大
3、对项目管理要求提升,清晰各个系统之间的串联
4、全局性功能修改难度提升 思考解决方案

组件管理工具 bit (git + npm) 带版本管理的组件仓库 CDN 方式引入第三方包

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 微前端解决的问题 跨框架: 在一个页面上运行,可以同时使用多个框架 应用拆分:将一个复杂的应用拆解为多个微小的应用...
    前端进城打工仔阅读 8,787评论 0 1
  • 将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 前言 正如文章开头所引用,微前端是将 We...
    满是裂缝的花卷阅读 9,922评论 1 3
  • 1. 微前端 将一个巨大的前端项目拆分成为很多的小的前端项目; (1) 如何拆分? (2) 如何协作? 将一个单页...
    YI_YI_阅读 1,638评论 0 1
  • 什么是微前端 微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转...
    belllee阅读 23,762评论 0 17
  • 采用微前端架构 原文 考虑到关于微前端的第一篇文章的大量反馈,以及我们在 DAZN 采用的方式收到的问题,我决定分...
    云峰yf阅读 4,183评论 0 4