開發依賴於彼此的npm包的最佳工作流程

Question

目前我們正在開發兩個基於React的應用程序，如app-a和app-b，它們有兩個我們也管理的依賴關係。一個包含共享組件的shared-components程序包和一個包含app-a和app-b之間的共享實用程序的shared-utilities程序包。這兩個文件都有自己的完整package.json，並且包含在app-a和app-b的package.json中。

依賴關係：

app-a
|- shared-components
|- shared-utilities

和

app-b
|- shared-components
|- shared-utilities

每一個我們正在開發中的東西例如shared-components，我們希望在使用例如app-a，我們必須執行步驟太多時間：

1. 讓<AwesomeComponent />在shared-components
2. 建立文件shared-components。
3. 提交/推送到GitHub。
4. package.json中的點依賴關係從app-a到特定分支。
5. 運行npm install。
6. 使用<AwesomeComponent />。

如果我們在發展的一個錯誤，我們需要從步驟1至retart Ofcourse我們可以通過構建文件直接複製到文件夾node_modules跳過提交/推npm install，不過，這是相當每次我們構建一個組件時都很麻煩。

你們用什麼工作流程或任何提示/建議來加快本地的發展？

注意;我們使用webpack將我們的文件和babel綁定到transpile。

Answer 1

你想要的可能是npm link。

只需在shared-components中設置爲sudo npm link即可。這將在全局npm目錄中創建符號鏈接（因此，如果將它安裝爲root用戶，則需要提升權限）。

接下來，您需要做的就是進入app-a並運行npm link shared-components，它將用符號鏈接替換node_modules中的文件夾。