前言 最近入職的一家公司采用single-spa這個微前端框架，所以自學了此框架。 single-spa這個微前端框架雖然有中文文檔，但是有些零散和晦澀。 所以我想在學習之余，寫篇博客拉平一下這 ...

微前端是一種多個團隊通過獨立發布功能的方式來共同構建現代化 web 應用的技術手段及方法策略。 一、什么是微前端 “微前端”一詞最早在2016年提出，它將后端微服務的概念擴展到前端世界。簡單來說， ...

前言 微前端由ThoughtWorks 2016年提出，將后端微服務的理念應用於瀏覽器端，即將 Web 應用由單一的單體應用轉變為多個小型前端應用聚合為一的應用。 美團已經是一家擁有幾萬人規模的大 ...

介紹 乾坤這個名字取得很大氣，在中國傳統文化中，乾意味着天堂而坤代表地球，所以乾坤是宇宙。乾坤是一個阿里巴巴UMI基於single-spa而對Micro Frontens的實現，但是它更容易應用到開 ...

前言 目前社區有很多關於微前端架構的介紹，但大多停留在概念介紹的階段。而本文會就某一個具體的類型場景，着重介紹微前端架構可以帶來什么價值以及具體實踐過程中需要關注的技術決策，並輔以具體代碼，從而能真 ...

一、概念 之前的一篇文章基於qiankun從零搭建了一套微前端項目，主應用是vue，微應用包括vue、react。內部頁面比較單一需要根據實際業務添磚加瓦，每個微應用應該是嚴格按照業務進行拆分的，但 ...

Vue 微前端&微服務解決方案， Genesis 對遠程組件進一步的設計和思考 對遠程組件進一步的設計和思考 遠程組件，是 Genesis 提出的一個概念，它是指通過接口，調用一個 ...

一、為什么要學習微前端 什么是微前端 微前端就是將不同的功能按照不同的維度拆分成多個子應用。通過主應用來加載這些子應用。 微前端的核心在於拆, 拆完后在合! 為什么去使用 ...

前言 最近做的項目使用了微前端框架single-spa。 對於這類微前端框架而言，通常有個utility應用，也就是公共應用，里面是各個子應用之間可以共用的一些公共組件或者方法。 對於一個團隊而 ...

微前端項目在本地開發完成后，接下來就需要考慮如何部署上線。主應用和微應用都應該是獨立開發和部署的，屬於不同的倉庫。 一、 部署在同一服務器 如果服務器數量有限，或不能跨域等原因需要把主應用和微應用 ...