如今前端越來越趨于組件化的開發方式，最大的益處就是UI頁面和邏輯的共用。

在開發者的眼里，如果你打開一個網站，組件化的開發方式會讓你看起來像這個樣子：

邏輯功能上我們會封裝成一個庫，然后NPM發布到公共倉庫上，實現共享。而UI組件如果想共用的話，好像更多的還是內部從一個項目拷貝到另一個項目中。

由于每個產品，每個公司對于UI的要求各異，更多的是要實現內部團隊的一個共享，所以如果想在公司內部搭建一個類似于NPM這樣的一個平臺顯得尤為必要。

Bit就是這樣一個組件收集共享的平臺。

什么是Bit

Bit是一個開源的cli工具，用于跨項目和跨倉庫的隔離組件之間進行協作。

使用Bit將離散的組件從設計庫或者項目中分發到獨立的可重用的包中，這樣可以在跨項目中進行使用。

你可以使用自己的獨立服務器來進行組件協作，也可以使用bit.dev云托管進行私有和公共組件的共享。

為什么選擇Bit

Bit簡化了UI組件上的協作過程。團隊成員可以共享，維護和同步來自不同項目的隔離組件。

Bit能夠讓你的團隊：

• 提高代碼可重用性

• 提高設計和開發效率

• 保持UI和UX的一致性

• 增加項目的穩定性

主要的特點

• 從現有的庫或項目中提取要直接共享的組件。

• 通過與項目的其余部分分開構建和測試每個組件，驗證組件的獨立性。

• 從任何使用共享組件的應用程序中更改其源代碼。

• 在本地修改的基礎上獲取組件中已發布的更改。

• 直接從使用應用程序中回饋對組件所做的更改。

• 自動將每個組件包裝為npm軟件包。

• 分發離散的組件，而不是單個大型的軟件包。

• 根據組件依賴性的變化自動進行組件版本控制。

• 與領先的框架和工具一起使用：React，Vue，Angular，Mocha，Jest。

• 與Git，NPM和Yarn一起使用。

Bit可以很好地與JavaScript和JavaScript框架協作

安裝

使用npm

npm?install?bit-bin?--global

或者使用yarn

yarn?global?add?bit-bin??

Bit cli需要node 8.12及以上版本

使用bit.dev進行托管

將你的組件上傳到一個共用的組件托管的服務器上實現共享

附：

詳見官方文檔：https://docs.bit.dev/docs/quick-start

總結

以上是生活随笔為你收集整理的如何搭建一个内部组件共享平台的全部內容，希望文章能夠幫你解決所遇到的問題。

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