簡介: 本文是對qiankun微服務的簡單探索,只是嘗試了基於qiankun架構接入最簡單的應用場景,並記錄了這個過程中遇到的問題,和一些簡單的理解。文章有點長,但是並不復雜,放了很多截圖。 qiankun官網地址: https://qiankun.umijs.org/zh ...
關注公眾號: 微信搜索 前端工具人 收貨更多的干貨 原文鏈接: 自己掘金文章 https: juejin.cn editor drafts vite 已經大火了, 自從用上了就停不下來 但礙於 vite 初來乍到, 生態不夠成熟, 有些功能還是比較尷尬的,比如微前端 qiankun 微前端搭建詳細步驟及常見問題,可參考之前文章 https: juejin.cn post 以下源碼也已上傳至 git ...
2022-03-24 09:10 0 3889 推薦指數:
簡介: 本文是對qiankun微服務的簡單探索,只是嘗試了基於qiankun架構接入最簡單的應用場景,並記錄了這個過程中遇到的問題,和一些簡單的理解。文章有點長,但是並不復雜,放了很多截圖。 qiankun官網地址: https://qiankun.umijs.org/zh ...
微前端項目在本地開發完成后,接下來就需要考慮如何部署上線。主應用和微應用都應該是獨立開發和部署的,屬於不同的倉庫。 一、 部署在同一服務器 如果服務器數量有限,或不能跨域等原因需要把主應用和微應用部署在一起。 通常的做法是主應用部署在一級目錄,微應用部署在二/三級目錄。 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漸進式項目拆分成一個個小型工程,即微應用。每個微應用都能獨立開發、部署、運行 ...
Vite2 按需引入 Ant Design Vue 與 element-plus 還有 vant UI框架 這兩個文檔內按需引入這塊,看不太懂於是在github issues上找了一下 目前為止比較好的解決辦法,推薦第一種 第一種 注意⚠️有個問題:如果不引入所有組件的css ...
vue3.0+vite2配置 ...
示例代碼: github.com/fengxianqi/…。 在線demo:qiankun.fengxianqi.com/ 單獨訪問在線子應用: subapp/sub-vue subapp/sub-react 為什么要用qiankun ...