示例代碼: github.com/fengxianqi/…。 在線demo:qiankun.fengxianqi.com/ 單獨訪問在線子應用: subapp/sub-vue subapp/sub-react 為什么要用qiankun ...
最近公司搞前端微服務,用了qiankun這個庫,不得不說背靠輪子好乘涼啊 。 qiankun介紹戳這里https: qiankun.umijs.org zh 先看下效果 下面進入正題: 我的項目,技術棧都是vue,主應用擁有自己的公共模塊,同時需要以微應用方式嵌入業務模塊。大概如下圖所示 因為我主應用用的哈希路由,微應用參考官方demo用的都是history方式的路由,就導致路由變化比較蛋疼,比如 ...
2020-06-03 14:53 17 7726 推薦指數:
示例代碼: github.com/fengxianqi/…。 在線demo:qiankun.fengxianqi.com/ 單獨訪問在線子應用: subapp/sub-vue subapp/sub-react 為什么要用qiankun ...
關注公眾號: 微信搜索 前端工具人 ; 收貨更多的干貨 一、介紹: qiankun 項目實際搭建, 及各種微應用流行框架技術 (vue2 、vue3、react 、 umi2 、umi3)的配置; 初衷:自己當時摸索qiankun構建項目時,問題百出, 特別是umi2 及 umi3,百度 ...
https://www.jianshu.com/p/ad349c0f7b06 ...
一、什么是微前端? 我們先來看兩個實際的場景: 1、復用別的的項目頁面 如果我們的項目需要開發某個新的功能,而這個功能另一個項目已經開發好,我們想直接復用時。注意:我們需要的只是別人項目的這個功能頁面的「內容部分」,不需要別人項目的頂部導航和菜單。 一個比較笨的辦法就是直接 ...
一、前言 相信大家對於微前端的概念和思想都有了解過,在此我不再贅述。在我們的業務項目中,由於項目比較大,在日常的開發過程中也暴露出來了問題:項目啟動慢,打包部署上線慢。這給我們開發和運維人員帶來了很大的不便,有時候有緊急任務需要上線,也得打包半個鍾才能交付到運維處。因此,我們打算使用微前端的方案 ...
轉發鏈接:https://juejin.im/post/5ed73b73e51d4578724e3fa4 前言 前面小編也發布過關於微前端 qiankun的文章: 深入淺出解析阿里成熟的微前端框架 qiankun乾坤源碼【圖文並茂】 什么是微前端? 我們先來看兩個實際 ...
一、什么是微前端? 我們先來看兩個實際的場景: 1、復用別的的項目頁面 如果我們的項目需要開發某個新的功能,而這個功能另一個項目已經開發好,我們想直接復用時。注意:我們需要的只是別人項目的這個功能頁面的「內容部分」,不需要別人項目的頂部導航和菜單。 一個比較笨的辦法就是直接 ...
vite目前暫不支持qiankun qiankun官網:https://qiankun.umijs.org/zh/guide 主應用(vue2版本) 安裝qiankun :$ yarn add qiankun # 或者 npm i qiankun -S main.js APP.vue ...