Webpack Module Federation 用於解決應用間的複用
阿新 • • 發佈:2021-11-30
假設你公司有一套自己的元件庫,併發布成了 NPM 包放到線上。
某天,你正在基於該元件庫開發一個業務需求,突然發現了元件庫的一個 bug,這時候通常會開啟下面的處理流程:
- 通知元件庫的開發人員;
- 元件庫開發人員修復 bug;
- 元件庫開發人員更新元件庫版本號,併發布到 NPM 上;
- 元件開發人員通知你新的版本號;
- 更新元件庫;
- 驗證 bug 已修復並繼續開發。
以上流程最大的問題就是經過外網來上傳和下載新庫,而且需要頻繁的修改元件庫版本號。
使用 Webpack 的 Module Federation,可以將元件庫在暴露在本地或者公司內網,然後通過配置直接使用。當元件庫出現問題的時候,只要元件庫開發人員在本地修復,我們就能實時獲得最新的程式碼了,省略了上面的 3、4、5 步,有助於提高開發效率。'
PS:NPM 外網的弊端,如果你用的是官方倉庫,可能網速會有問題;如果你用的淘寶映象,可能需要等待同步。
參考資料