微前端技術框架qiankun技術分享
公司平台涉及自研和外采等多個子系統，如何把眾多子系統前端界面集成到一起，組成統一平台管理界面，最大程度地提升保持用戶體驗一致，是項目團隊首要解決的問題，在傳統iframe方案不能滿足項目需求情況下，經過反復技術對比，最終確定運用qiankun框架解決 ...
原文：微前端框架 qiankun 技術分析
我們在single spa 技術分析 基本實現了一個微前端框架需要具備的各種功能，但是又實現的不夠徹底，遺留了很多問題需要解決。雖然官方提供了很多樣例和最佳實踐，但是總顯得過於單薄，總給人一種 問題解決了，但是又沒有完全解決 的感覺。 qiankun 在 single spa 的基礎上做了二次開發，完善了很多功能，算是一個比較完備的微前端框架了。今天我們來聊一聊 qiankun 的技術原理。 在本 ...
2021-12-21 08:04 0 1435 推薦指數：
相關推薦
vue3微前端架構——基於螞蟻qiankun框架
楔子 首先，目前qiankun框架尚不支持vite， 微應用不能使用vite創建, 即使只是生產環境加的載微應用也不行， 因為vite打包代碼時，內部的esbuild會tree shake掉與qiankun相關的生命周期鈎子， 主應用沒影響，使用什么創建項目都無所謂 主應用 沒啥特殊 ...
微前端框架 qiankun 配置 jquery 子系統
qiankun.有時間再寫吧,哈哈 ...
qiankun微前端項目實踐方案（基礎框架篇）
一、前言 相信大家對於微前端的概念和思想都有了解過，在此我不再贅述。在我們的業務項目中，由於項目比較大，在日常的開發過程中也暴露出來了問題：項目啟動慢，打包部署上線慢。這給我們開發和運維人員帶來了很大的不便，有時候有緊急任務需要上線，也得打包半個鍾才能交付到運維處。因此，我們打算使用微前端的方案 ...
基於qiankun微前端的部署方案
微前端項目在本地開發完成后，接下來就需要考慮如何部署上線。主應用和微應用都應該是獨立開發和部署的，屬於不同的倉庫。 一、 部署在同一服務器 如果服務器數量有限，或不能跨域等原因需要把主應用和微應用部署在一起。 通常的做法是主應用部署在一級目錄，微應用部署在二/三級目錄。 1.1 微應用改造 ...
基於qiankun微前端的通信方案
一、概念 之前的一篇文章基於qiankun從零搭建了一套微前端項目，主應用是vue，微應用包括vue、react。內部頁面比較單一需要根據實際業務添磚加瓦，每個微應用應該是嚴格按照業務進行拆分的，但是在實際項目開發過程中，主應用、微應用之間能相互通信是基本的需求。 目前有關微前端通信的方案無非 ...
微前端框架 single-spa 技術分析
在理解微前端技術原理中我們介紹了微前端的概念和核心技術原理。本篇我們結合目前業內主流的微前端實現 single-spa 來說明在生產實踐中是如何實現微前端的。 single-spa 的文檔略顯凌亂，概念也比較多，初次接觸它的同學容易抓不住重點。今天我們嘗試整理出一條清晰的脈絡，讓感興趣的同學能夠 ...
基於qiankun的前端微應用實現
qiankun的相關學習地址： 1.【官方文檔地址】 https://qiankun.umijs.org/zh/guide 2.【GitHub地址】 https://github.com/umijs/qiankun 3.【快速在qiankun基礎上搭建的使用demo ...