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

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

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

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

轉發鏈接：https://juejin.im/post/5ed73b73e51d4578724e3fa4 前言 前面小編也發布過關於微前端 qiankun的文章： 深入淺出解析阿里成熟的微前端框架 qiankun乾坤源碼【圖文並茂】 什么是微前端？ 我們先來看兩個實際 ...

一、qiankun 常見報錯 1、子項目未 export 需要的生命周期函數 　　先檢查下子項目的入口文件有沒有 export 生命周期函數，再檢查下子項目的打包，最后看看請求到的子項目的文件對不對。 2、子項目加載時，容器未渲染好 　　檢查 ...

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

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