作為 Javascript 開發(fā)者，我們都知道專案中存在兩種不同的依賴項，dependency 和 devDependency，但是peerDependency 又如何呢？

在本系列中，我們將研究 Javascript 中這種不太常見的依賴關(guān)係。我們將研究它們是什麼，作為圖書館使用者我需要了解什麼，以及圖書館作者的最佳實踐是什麼。

NPM 中的依賴關(guān)係是什麼

讓我們回顧一下不同的常見類型：

• 相依性：這些是您的應(yīng)用程式中使用的工具；一個很好的例子是 React、Angular 和 Express。當(dāng)您的應(yīng)用程式投入生產(chǎn)時，依賴項上的庫的程式碼將在後臺運行並為您的應(yīng)用程式提供動力。

• devDependency：您將使用這些實用程式來建立您的應(yīng)用程式。在這裡，您將找到用於編譯或解析程式碼的程式庫以及用於執(zhí)行測試的程式庫。

什麼是peerDependency

當(dāng)作者要求將特定庫安裝在工作區(qū)/專案中以使一切按預(yù)期工作時，他們將特定庫指定為peerDependency。他們告訴 NPM（以及安裝該程式庫的開發(fā)人員）該套件需要另一個套件的特定版本（或版本範圍）才能正常運作。儘管如此，用戶仍負責(zé)安裝和管理該依賴項。

讓我們想像一個例子：您正在為您最喜歡的框架創(chuàng)建一個實用程序，該實用程式應(yīng)該安裝在您的庫將運行的環(huán)境中。準確指定此場景的方法是使用 NPM peerDependency 功能。它為您的庫的無縫集成提供了清晰的指南。

這種做法在充當(dāng)「插件」的庫中特別常見，因為它們需要指示正確功能的工作區(qū)要求。

peerDependency 的真實例子

我們來分析一個流行的React函式庫，react-datepicker；如果我們看看它的package.json 今天的樣子，我們可以看出我們至少需要React 版本^16.9.0 才能讓React-date 選擇器正常工作。

"peerDependencies": {
  "react": "^16.9.0 || ^17 || ^18",
  "react-dom": "^16.9.0 || ^17 || ^18"
},

如果我們不遵守此要求，就會出現(xiàn)意外的行為。

peerDependency 解決的挑戰(zhàn)

當(dāng)專案中的套件依賴同一函式庫的不同版本時，就會發(fā)生版本衝突。這可能會導(dǎo)致錯誤，特別是對於像 React 這樣的庫，共享相同實例對於狀態(tài)管理和元件通訊至關(guān)重要。如果沒有peerDependency，可能會安裝多個庫版本，從而導(dǎo)致意外行為。

為了防止這些問題，peerDependency 允許套件作者指定其套件需要哪個版本的依賴項，而無需直接安裝它。這將責(zé)任轉(zhuǎn)移給使用該套件的開發(fā)人員，確保他們安裝單一相容的依賴項版本。例如，像react-datepicker和react-router這樣的程式庫使用peerDependency來確保它們與專案中相同版本的React無縫運作。

另一個例子

想像一下這個場景：您正在建立一個函式庫來分享 rxjs 的奇特運算子。如果您將 rxjs 設(shè)定為依賴項而不是peerDependency，您的程式庫將安裝它自己的 rxjs 版本。乍一看這似乎沒什麼大不了的，但實際上，它可能會導(dǎo)致版本衝突。

如果安裝您的程式庫的專案已經(jīng)使用了不同版本的 rxjs，則可能會導(dǎo)致嚴重問題。應(yīng)用程式最終可能會得到兩個 rxjs 實例（一個來自您的庫，一個來自專案本身）。由於 rxjs 嚴重依賴共享的可觀察量和訂閱，因此同時執(zhí)行兩個版本可能會導(dǎo)致不可預(yù)測的行為，例如流無法正確同步或遺失事件。

透過使用peerDependency來代替，你可以避免這個問題。你的套件將向?qū)０赴l(fā)出信號，表明它期望存在特定版本（或範圍）的 rxjs，但它不會安裝自己的版本。這樣，該專案將使用您的庫和程式庫其他部分共享的單一版本的 rxjs，確保一切順利和諧地運行。

結(jié)論

peerDependency 可能不像依賴項或 devDependency 那樣被廣泛討論，但它們在確保複雜專案中的相容性和避免版本衝突方面發(fā)揮著關(guān)鍵作用。透過明確定義庫需要哪個版本的共用依賴項而不直接安裝它，peerDependency 允許開發(fā)人員保持對其專案環(huán)境的控制。

第一篇文章的目標是為peerDependency 創(chuàng)造一個良好的理解基礎(chǔ)。在本系列的下一章中，我們將以更實用的方式探索作為具有peerDependency的庫的用戶的peerDependency的不同方面，如何克服常見問題，以及它們在不同的javascript包管理器中的行為方式。

以上是NPM 對等依賴關(guān)係深入：全面介紹的詳細內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！