iT邦幫忙

2023 iThome 鐵人賽

DAY 5
0

module dederation 組成

Host Application
這是整個前端應用的入口點,它負責將不同的模組整合到一個統一的應用中。

Remote Application
這些是獨立的前端模組,可以獨立開發、測試和部署。
它們可以由不同的團隊開發,甚至可以位於不同的repo中

Module Federation Plugin
透過這個Plugin 去實現動態加載的效果,並處理模組之間的依賴關係。

總結

透過webpack config設定打包
會產生一支remote entry的js
透過這個js去動態載入各個模組
而每個模組都可以同時是host跟remote


上一篇
Day 4 為什麼選擇使用NX monorepo
下一篇
Day 6 建立Nx workspace
系列文
Angular 微前端實戰 module federation with nx monorepo8
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言