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

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

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

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

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

什么是Bit

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

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

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

為什么選擇Bit

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

Bit能夠讓你的團隊：

• 提高代碼可重用性

• 提高設(shè)計和開發(fā)效率

• 保持UI和UX的一致性

• 增加項目的穩(wěn)定性

主要的特點

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

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

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

• 在本地修改的基礎(chǔ)上獲取組件中已發(fā)布的更改。

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

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

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

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

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

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

Bit可以很好地與JavaScript和JavaScript框架協(xié)作

安裝

使用npm

npm?install?bit-bin?--global

或者使用yarn

yarn?global?add?bit-bin??

Bit cli需要node 8.12及以上版本

使用bit.dev進行托管

將你的組件上傳到一個共用的組件托管的服務(wù)器上實現(xiàn)共享

附：

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。