11 月 14 日消息，騰訊開源昨日公布了名為 hel-micro 的微模塊方案，號稱是業內首個以 SDK 的方式支持模塊聯邦技術的方案，可“脫離工具鏈的枷鎖，回歸到 JS 語言本身”，從而讓不同工具鏈間的聯邦模塊可以互認互通，提高了模塊的流通。

騰訊表示，隨著前端開發進入工程化、模塊化、組件化開發時代，多人、跨團隊共同協作開發一個項目已成為常態，項目規模龐大到一定程度時會遇到以下問題：

• 項目引入的第三方模塊越來越多，導致包體構建速度越來越慢；

• 一些基礎業務模塊抽象到 npm 提供給其他項目復用后，一旦有功能優化或問題修復，需要推動使用方主動更新；

針對此痛點，社區提出了模塊聯邦技術方案，將成為未來的主流開發趨勢，它最大的優勢不參與主項目編譯，降低主項目包體積，提高編譯速度，并讓模塊引入方可以做線上動態更新，完美解決了上述兩大痛點。

目前社區實現模塊聯邦的頭部玩家是 webpack5 推出的 ModuleFederation 特性來支持，以及 vite 社區的強勢追隨者 vite-federation-plugin，但他們都是以構建工具鏈支持的方式支持，意味著主項目和子項目間必須工具鏈統一，否則彼此之間模塊不能互認（例如主項目是 webpack5，子項目是 webpack4, 例如主項目是 vite，子項目是 webpack、parcel 等其他）。

為了轉移這些本不該讓開發承擔的額外遷移成本，hel-micro 提出了模塊聯邦 SDK化的架構理念并成功將其實現。

從騰訊新聞稿中得知，hel-micro 微模塊方案擁有“跨項目共享”、“動態更新”、“免構建”、“工具鏈無關”、“遠程模塊類型提示”、“無縫集成 npm 生態”特性，接入代價相對Webpack5 MF、Vite-federation-plugin更小。

騰訊同時表示，未來計劃為框架規劃更多的上層框架遠程加載適配器，包含：

• 遠程webcomponent組件

• 遠程angular 組件

• 遠程 vue 組件

• 遠程 react 組件（已實現為 hel-micro-react，提供鉤子函數加載遠程 react 組件）

• 遠程svelte組

目前騰訊已經將項目公布在 GitHub 中，感興趣的小伙伴們可以點此訪問。

廣告聲明：文內含有的對外跳轉鏈接（包括不限于超鏈接、二維碼、口令等形式），用于傳遞更多信息，節省甄選時間，結果僅供參考，所有文章均包含本聲明。

總結

以上是生活随笔為你收集整理的腾讯开源 hel-micro 微模块，号称“业界首个基于 SDK 的联邦技术方案”的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。