【前端100問】Q20:介紹下 npm 模塊安裝機(jī)制纵诞,為什么輸入 npm install 就可以自動安裝對應(yīng)的模塊?

寫在前面

此系列來源于開源項目:前端 100 問:能搞懂 80%的請把簡歷給我
為了備戰(zhàn) 2021 春招
每天一題嵌施,督促自己
從多方面多角度總結(jié)答案,豐富知識
介紹下 npm 模塊安裝機(jī)制莽鸭,為什么輸入 npm install 就可以自動安裝對應(yīng)的模塊吗伤?

正文回答

  1. npm 模塊安裝機(jī)制
  • 發(fā)出 npm install 命令
  • 查詢 node_modules 目錄之中是否已經(jīng)存在指定模塊
    • 若存在,不再重新安裝
    • 若不存在
      • npm 向 registry 查詢模塊壓縮包的網(wǎng)址
      • 下載壓縮包硫眨,存放在根目錄下的.npm 目錄里
      • 解壓壓縮包到當(dāng)前項目的 node_modules 目錄
  1. npm 實現(xiàn)原理

輸入 npm install 命令并敲下回車后足淆,會經(jīng)歷如下幾個階段(以 npm 5.5.1 為例)

執(zhí)行工程自身 preinstall

當(dāng)前 npm 工程如果定義了 preinstall 鉤子此時會被執(zhí)行。

確定首層依賴模塊

首先需要做的是確定工程中的首層依賴礁阁,也就是 dependencies 和 devDependencies 屬性中直接指定的模塊(假設(shè)此時沒有添加 npm install 參數(shù))巧号。

工程本身是整棵依賴樹的根節(jié)點(diǎn),每個首層依賴模塊都是根節(jié)點(diǎn)下面的一棵子樹姥闭,npm 會開啟多進(jìn)程從每個首層依賴模塊開始逐步尋找更深層級的節(jié)點(diǎn)丹鸿。

獲取模塊

獲取模塊是一個遞歸的過程,分為以下幾步:

  • 獲取模塊信息棚品。在下載一個模塊之前靠欢,首先要確定其版本,這是因為 package.json 中往往是 semantic version(semver铜跑,語義化版本)门怪。此時如果版本描述文件(npm-shrinkwrap.json 或 package-lock.json)中有該模塊信息直接拿即可,如果沒有則從倉庫獲取锅纺。如 packaeg.json 中某個包的版本是 ^1.1.0掷空,npm 就會去倉庫中獲取符合 1.x.x 形式的最新版本。
  • 獲取模塊實體。上一步會獲取到模塊的壓縮包地址(resolved 字段)坦弟,npm 會用此地址檢查本地緩存护锤,緩存中有就直接拿,如果沒有則從倉庫下載酿傍。
  • 查找該模塊依賴烙懦,如果有依賴則回到第 1 步,如果沒有則停止拧粪。
模塊扁平化(dedupe)

上一步獲取到的是一棵完整的依賴樹修陡,其中可能包含大量重復(fù)模塊沧侥。比如 A 模塊依賴于 loadsh可霎,B 模塊同樣依賴于 lodash。

在 npm3 以前會嚴(yán)格按照依賴樹的結(jié)構(gòu)進(jìn)行安裝宴杀,因此會造成模塊冗余癣朗。

從 npm3 開始默認(rèn)加入了一個 dedupe 的過程。它會遍歷所有節(jié)點(diǎn)旺罢,逐個將模塊放在根節(jié)點(diǎn)下面旷余,也就是 node-modules 的第一層。當(dāng)發(fā)現(xiàn)有重復(fù)模塊時扁达,則將其丟棄正卧。

這里需要對重復(fù)模塊進(jìn)行一個定義,它指的是模塊名相同且 semver 兼容跪解。每個 semver 都對應(yīng)一段版本允許范圍炉旷,如果兩個模塊的版本允許范圍存在交集,那么就可以得到一個兼容版本叉讥,而不必版本號完全一致窘行,這可以使更多冗余模塊在 dedupe 過程中被去掉。

比如 node-modules 下 foo 模塊依賴 lodash@^1.0.0图仓,bar 模塊依賴 lodash@^1.1.0罐盔,則 ^1.1.0 為兼容版本。

而當(dāng) foo 依賴 lodash@^2.0.0救崔,bar 依賴 lodash@^1.1.0惶看,則依據(jù) semver 的規(guī)則,二者不存在兼容版本六孵。會將一個版本放在 node_modules 中碳竟,另一個仍保留在依賴樹里。

安裝模塊

這一步將會更新工程中的 node_modules狸臣,并執(zhí)行模塊中的生命周期函數(shù)(按照 preinstall莹桅、install、postinstall 的順序)。

執(zhí)行工程自身生命周期

當(dāng)前 npm 工程如果定義了鉤子此時會被執(zhí)行(按照 install诈泼、postinstall懂拾、prepublish、prepare 的順序)

最后一步是生成或更新版本描述文件铐达,npm install 過程完成

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末岖赋,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子瓮孙,更是在濱河造成了極大的恐慌唐断,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,542評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件杭抠,死亡現(xiàn)場離奇詭異脸甘,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)偏灿,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評論 3 394
  • 文/潘曉璐 我一進(jìn)店門丹诀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人翁垂,你說我怎么就攤上這事铆遭。” “怎么了沿猜?”我有些...
    開封第一講書人閱讀 163,912評論 0 354
  • 文/不壞的土叔 我叫張陵枚荣,是天一觀的道長。 經(jīng)常有香客問我啼肩,道長橄妆,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,449評論 1 293
  • 正文 為了忘掉前任疟游,我火速辦了婚禮呼畸,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘颁虐。我一直安慰自己蛮原,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,500評論 6 392
  • 文/花漫 我一把揭開白布另绩。 她就那樣靜靜地躺著儒陨,像睡著了一般。 火紅的嫁衣襯著肌膚如雪笋籽。 梳的紋絲不亂的頭發(fā)上蹦漠,一...
    開封第一講書人閱讀 51,370評論 1 302
  • 那天,我揣著相機(jī)與錄音车海,去河邊找鬼笛园。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的研铆。 我是一名探鬼主播埋同,決...
    沈念sama閱讀 40,193評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼棵红!你這毒婦竟也來了凶赁?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,074評論 0 276
  • 序言:老撾萬榮一對情侶失蹤逆甜,失蹤者是張志新(化名)和其女友劉穎虱肄,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體交煞,經(jīng)...
    沈念sama閱讀 45,505評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡咏窿,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,722評論 3 335
  • 正文 我和宋清朗相戀三年毅哗,在試婚紗的時候發(fā)現(xiàn)自己被綠了杰捂。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,841評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖稚茅,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情平斩,我是刑警寧澤亚享,帶...
    沈念sama閱讀 35,569評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站绘面,受9級特大地震影響欺税,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜揭璃,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,168評論 3 328
  • 文/蒙蒙 一晚凿、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧瘦馍,春花似錦歼秽、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至院崇,卻和暖如春肆氓,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背底瓣。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評論 1 269
  • 我被黑心中介騙來泰國打工谢揪, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 47,962評論 2 370
  • 正文 我出身青樓拨扶,卻偏偏與公主長得像寺滚,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子屈雄,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,781評論 2 354

推薦閱讀更多精彩內(nèi)容