鐵人檔案
相較於另兩大框架 Angular Micro Frontend的資訊相對稀缺
以及自身最近在這個領域各種研(踩)究(雷)
想留下點紀錄給後人們 故萌生了參加這次鐵人賽的想法
本篇主軸會以既有專案(Angular)轉換成微前端(module federation)的心路歷程
大致上會分為兩大部分
Part 1 :既有專案轉換成nx monorepo 架構
part 2:實作module federation
Micro Services 是2014年大神Martin Fowler和James Lewis提出的概念在現今雲端化 容器化的web世界 已是家餘戶曉的主流架...
這篇來聊聊目前在實現微前端架構上，有幾種方式 1. iframe iframe應該是大家第一個想到的解法 優點 顯而易見的是優秀的隔離性，具備沙盒機制 缺點 缺...
qiankun 乾坤 是一套基於single-spa的Micro Frontend Library在對岸與vue社群使用者眾多我自己servey的結果 是覺得還...
很喜歡前輩說過的一句話任何架構與設計模式 都是為了解決問題 那麼 在既有專案架構下 為什麼要改為Nx monorepo的架構呢?原因就在於在實作micro fr...
module dederation 組成 Host Application這是整個前端應用的入口點，它負責將不同的模組整合到一個統一的應用中。 Remote A...
在決定好使用Nx管理monorepo架構搭配module federation後首先 我們要先建立一個Nx workspace 如果你還沒安裝Nx 可以先下 n...
上一天我們建立好了Nx的workspace接著我們開始建立我們的專案A跟專案B假設A為host B為Remote npx nx g @nrwl/angular:...
建立library 與實測state共享建立library 與實測state共享建立library 與實測state共享建立library 與實測state共享...
