前陣子主管提出要在公司項目引入微前端概念,菜雞如我當場滿頭問號,想說微前端是啥鬼聽都沒聽過,於是開始研究相關資料,並實作一個微前端的小作品。

由於我也是各方參考,目的是項目跑得起來就好,所以以下寫法可能不盡正確,若有更好的方法歡迎討論與指教。

介紹

基座工程和子工程联系起来的桥梁则是

子工程的入口文件地址和路由地址的映射信息

。这些映射信息可以让基座工程准确地发现子工程资源的路径从而进行加载。

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1115e6a8-9589-478d-bd58-48bea93084a0/Untitled.png

Vue + qiankun 實作

參考

微前端架构入门及实践指南之「qiankun」

微前端架构设计和实践:vue+qiankun

快速上手

安裝qiankun

$ yarn add qiankun # 或者 npm i qiankun -S