我們在single-spa 技術分析 基本實現了一個微前端框架需要具備的各種功能，但是又實現的不夠徹底，遺留了很多問題需要解決。雖然官方提供了很多樣例和最佳實踐，但是總顯得過於單薄，總給人一種“問題解決了，但是又沒有完全解決”的感覺。 qiankun 在 single-spa 的基礎上做了 ...

公司平台涉及自研和外采等多個子系統，如何把眾多子系統前端界面集成到一起，組成統一平台管理界面，最大程度地提升保持用戶體驗一致，是項目團隊首要解決的問題，在傳統iframe方案不能滿足項目需求情況下，經過反復技術對比，最終確定運用qiankun框架解決 ...

楔子 首先，目前qiankun框架尚不支持vite， 微應用不能使用vite創建, 即使只是生產環境加的載微應用也不行， 因為vite打包代碼時，內部的esbuild會tree shake掉與qiankun相關的生命周期鈎子， 主應用沒影響，使用什么創建項目都無所謂 主應用 沒啥特殊 ...

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

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

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

qiankun的相關學習地址： 1.【官方文檔地址】 https://qiankun.umijs.org/zh/guide 2.【GitHub地址】 https://github.com/umijs/qiankun 3.【快速在qiankun基礎上搭建的使用demo ...

微前端是一種多個團隊通過獨立發布功能的方式來共同構建現代化 web 應用的技術手段及方法策略。 一、什么是微前端 “微前端”一詞最早在2016年提出，它將后端微服務的概念擴展到前端世界。簡單來說，就是將大型的wen漸進式項目拆分成一個個小型工程，即微應用。每個微應用都能獨立開發、部署、運行 ...