NPM機制深入理解

這篇文章帶給大家的內容是關於NPM機制深入理解，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

使用NPM安裝的時候會經常出現套件衝突（例如多個主模組的子模組版本不一致等），導致在開發過程中會遇到各種或大或小的問題。所有在這會介紹以下內容：

1. NPM 主要安裝方式
2. NPM 套件資訊查詢
3. NPM 安裝機制（主要）

安裝&查詢指令

NPM 各種安裝方式

• npm install packageName[@next | @versionNumber]

  • 在node_modules 中沒有指定模組時安裝，（不檢查~/.npm目錄）

• ##npm install packageName - -f | -- force

  一個模組不管是否安裝過，npm都要
  • 強制重新安裝

• #npm update packageName

  如果遠端版本較新、或本機版本不存在時安裝

#NPM 查詢服務

NPM透過registry的查詢服務，從而知道每個模組的最新版本。

可以透過npm view packageName [version] 查詢對映模組的資訊

NPM 安裝機制輸入npm install 指令並敲下回車後，會經歷以下幾個階段（以npm 5.5.1 為例）：

#1. 執行工程本身preinstall

目前npm 工程如果定義了preinstall 鉤子此時會被執行。

2. 確定首層依賴模組

首先需要做的是確定工程中的首層依賴，也就是
• dependencies

  和

  devDependencies
  屬性中直接指定的模組（假設此時沒有新增npm install 參數）。
  • 工程本身是整棵
  • 依賴樹
  的根節點，每個首層依賴模組都是根節點下面的子樹，npm 會開啟多進程從每個首層依賴模組開始逐步尋找更深層的節點。
  • 如果查詢node_modules目錄之中已經存在指定模組，那麼不再重新安裝
• #3. 取得模組
  ## 取得模組是一個
  遞歸
  • 的過程，分為以下幾步：
• 取得模組資訊
  在下載模組之前，首先要確定其版本，這是因為package.json 中往往是semantic version（semver，語義化版本）
  • 此時如果版本描述檔（npm-shrinkwrap.json 或package-lock.json）中有該模組資訊直接拿即可
如果沒有則從倉庫取得（向registry查詢）。如 packaeg.json 中某個套件的版本是 ^1.1.0，npm 就會去倉庫中取得符合 1.x.x 形式的最新版本。

取得模組實體。

上一步會取得到模組的壓縮包位址（resolved 欄位），npm 會用此位址檢查本地緩存，快取中有就直接拿，如果沒有則從倉庫下載。

尋找該模組依賴

如果有依賴則回到第1步，如果沒有則停止。

• 4. 模組扁平化（dedupe）

一步獲取到的是一棵完整的依賴樹，其中可能包含大量重複模組。例如 A 模組依賴 loadsh，B 模組同樣依賴 lodash。在 npm3 以前會嚴格按照依賴樹的結構進行安裝，因此會造成模組冗餘。

從
npm3 版本

開始預設加入了一個 dedupe 的過程。它會遍歷所有節點，逐一將模組放在根節點下面，也就是 node-modules 的第一層。當發現有重複模組時，則將其丟棄。

這裡需要對重複模組進行一個定義，它指的是

模組名稱相同且 semver 相容

。每個semver 都對應一段版本允許範圍，如果兩個模組的版本允許範圍存在交集，那麼就可以獲得一個相容版本，而不必版本號完全一致，這可以使更多冗餘模組在dedupe 過程中被去掉。

例如

node-modules 下 foo 模組依賴 lodash@^1.0.0，bar 模組依賴 lodash@^1.1.0，則 ^1.1.0 為相容版本。

而當 foo 依賴 lodash@^2.0.0，bar 依賴 lodash@^1.1.0，則依據 semver 的規則，二者不存在相容版本。會將一個版本放在 node_modules 中，另一個仍保留在依賴樹裡。

舉個例子，假設一個依賴樹原本是這樣：

node_modules
-- foo

---- lodash@version1

# -- bar

---- lodash@version2

假設version1 和version2 是相容版本，則經過dedupe 會成為下面的形式：

node_modules###-- foo# #####-- bar######-- lodash（保留的版本為相容版本）#######假設version1 和version2 為非相容版本，則後面的版本保留在依賴樹中： ######node_modules###-- foo###-- lodash@version1######-- bar###---- lodash@version2##########5 . 安裝模組######

這一步驟將會更新工程中的 node_modules，並執行模組中的生命週期函數（依照 preinstall、install、postinstall 的順序）。

6. 執行工程自身生命週期

目前 npm 工程如果定義了鉤子此時會被執行（依照 install、postinstall、prepublish、prepare 的順序）。

最後一步是產生或更新版本描述文件，npm install 過程完成。

這篇文章到這裡就已經全部結束了，更多其他精彩內容可以關注PHP中文網的JavaScript影片教學專欄！

以上是NPM機制深入理解的詳細內容。更多資訊請關注PHP中文網其他相關文章！