應用，應用間相互獨立，可相互通信。 　　那么我將使用 微前端框架qiankun 來進行微前端項目搭建。 ...

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

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

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

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

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

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

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