微前端架構(gòu)

微前端架構(gòu)實際驗證可實現(xiàn):
主子應(yīng)用架構(gòu)拆分,子應(yīng)用不限定框架,可以是vue也可以是react,原生js應(yīng)用; 可以實現(xiàn)主子應(yīng)用間通信,拆分后對子應(yīng)用的改造可以做到很小,子應(yīng)用可以做到獨立部署,獨立對外發(fā)布;

有什么意義:
解藕巨石應(yīng)用,可解決巨石應(yīng)用帶來的一系列開發(fā)和維護難題
與技術(shù)無關(guān)。開發(fā)團隊可以自行選擇熟悉的技術(shù)棧
業(yè)務(wù)獨立。 每個交付服務(wù)可以獨立部署,也可以獨立使用,避免和其他服務(wù)耦合 團隊可以按照業(yè)務(wù)垂直拆分,更高效,更好地實踐大中臺,小前端的團隊理念
在賦能各業(yè)務(wù)線的大中臺產(chǎn)品實踐的意義較大,各子業(yè)務(wù)可以任意組合打包對外輸出。

第三方開源
single-spa
qiankun

現(xiàn)存的一些缺點
1、一些組件,代碼模塊,難以實現(xiàn)共用,需重復(fù)引入,導(dǎo)致代碼冗余
2、第三方包,包括UI庫多次引入,項目的總包增大
3、對項目管理要求提升,清晰各個系統(tǒng)之間的串聯(lián)
4、全局性功能修改難度提升 思考解決方案

組件管理工具 bit (git + npm) 帶版本管理的組件倉庫 CDN 方式引入第三方包

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 微前端解決的問題 跨框架: 在一個頁面上運行,可以同時使用多個框架 應(yīng)用拆分:將一個復(fù)雜的應(yīng)用拆解為多個微小的應(yīng)用...
    前端進城打工仔閱讀 3,603評論 0 1
  • 將 Web 應(yīng)用由單一的單體應(yīng)用轉(zhuǎn)變?yōu)槎鄠€小型前端應(yīng)用聚合為一的應(yīng)用。 前言 正如文章開頭所引用,微前端是將 We...
    滿是裂縫的花卷閱讀 4,625評論 1 3
  • 1. 微前端 將一個巨大的前端項目拆分成為很多的小的前端項目; (1) 如何拆分? (2) 如何協(xié)作? 將一個單頁...
    YI_YI_閱讀 298評論 0 1
  • 什么是微前端 微前端是一種類似于微服務(wù)的架構(gòu),它將微服務(wù)的理念應(yīng)用于瀏覽器端,即將 Web 應(yīng)用由單一的單體應(yīng)用轉(zhuǎn)...
    belllee閱讀 24,027評論 0 17
  • 采用微前端架構(gòu) 原文 考慮到關(guān)于微前端的第一篇文章的大量反饋,以及我們在 DAZN 采用的方式收到的問題,我決定分...
    云峰yf閱讀 880評論 0 4

友情鏈接更多精彩內(nèi)容