一、什么是微前端？ 　　我們先來看兩個實際的場景： 1、復用別的的項目頁面 　　如果我們的項目需要開發某個新的功能，而這個功能另一個項目已經開發好，我們想直接復用時。注意：我們需要的只是別人項目的這個功能頁面的「內容部分」，不需要別人項目的頂部導航和菜單。 　　一個比較笨的辦法就是直接 ...

一、什么是微前端？ 　　我們先來看兩個實際的場景： 1、復用別的的項目頁面 　　如果我們的項目需要開發某個新的功能，而這個功能另一個項目已經開發好，我們想直接復用時。注意：我們需要的只是別人項目的這個功能頁面的「內容部分」，不需要別人項目的頂部導航和菜單。 　　一個比較笨的辦法就是直接 ...

　　10月份換了新的工作，參與完一個月的需求迭代后，接到了項目重構的任務。簡單來說，需要在短時間內提出方案設想，同時進行本地驗證，最終需要拿出一套技術替換方案來。於是，埋頭苦干了一個月，總算干了點成績出來，今天把當時的思考和實踐做個簡單總結，就當是個復盤吧。 　　一、老項目現狀 ...

一、前言 相信大家對於微前端的概念和思想都有了解過，在此我不再贅述。在我們的業務項目中，由於項目比較大，在日常的開發過程中也暴露出來了問題：項目啟動慢，打包部署上線慢。這給我們開發和運維人員帶來了很大的不便，有時候有緊急任務需要上線，也得打包半個鍾才能交付到運維處。因此，我們打算使用微前端的方案 ...

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

一、概念 之前的一篇文章基於qiankun從零搭建了一套微前端項目，主應用是vue，微應用包括vue、react。內部頁面比較單一需要根據實際業務添磚加瓦，每個微應用應該是嚴格按照業務進行拆分的，但是在實際項目開發過程中，主應用、微應用之間能相互通信是基本的需求。 目前有關微前端通信的方案無非 ...

關注公眾號： 微信搜索 前端工具人 ; 收貨更多的干貨 一、介紹： qiankun 項目實際搭建， 及各種微應用流行框架技術 （vue2 、vue3、react 、 umi2 、umi3）的配置; 初衷：自己當時摸索qiankun構建項目時，問題百出， 特別是umi2 及 umi3，百度 ...

示例代碼： github.com/fengxianqi/…。 在線demo：qiankun.fengxianqi.com/ 單獨訪問在線子應用： subapp/sub-vue subapp/sub-react 為什么要用qiankun ...