快捷導(dǎo)航

從零揭秘npm install的黑科技

更新時間：2023年05月29日 11:45:52 作者：??????????????????

通過npm package manager來安裝和管理包是我們最為常見的方式之一，本文將從淺入深地帶大家剖析一下npm install的執(zhí)行過程，感興趣的可以學(xué)習(xí)一下

作為一名前端開發(fā)人員，每天我們都要使用到許多的第三方包。而通過npm package manager來安裝和管理這些包是我們最為常見的方式之一。但是，你是否知道當我們使用npm install安裝一個包時，發(fā)生了哪些事情呢？接下來，本文將從淺入深地剖析npm install的執(zhí)行過程。

淺談npm install

什么是npm

npm，即Node.js Package Manager，是一個用于 Node.js 的包管理器。通過該軟件包管理器，開發(fā)者可以下載別人編寫的代碼包以及發(fā)布自己編寫的代碼包，并在項目中引用和使用這些包。

npm包是什么

npm包實際上就是可以被復(fù)用的Node.js模塊。這些模塊可以是由其他開發(fā)者創(chuàng)建的，也可以是我們自己個人創(chuàng)建并且上傳到npm上的。

npm install是做什么的

通過npm install，我們可以將一個或多個npm包安裝到當前項目中。這樣，在項目中就可以直接使用這些包，而不必擔(dān)心依賴關(guān)系等問題。

npm install的內(nèi)部執(zhí)行過程

話不多說，現(xiàn)在讓我們一起來看看npm install的內(nèi)部執(zhí)行過程吧。

第一步：讀取package.json文件

首先，npm會讀取當前項目中的package.json文件，該文件含有了所有相關(guān)的依賴和開發(fā)者信息。在package.json文件中，可以指定使用哪個版本的某個包。

第二步：創(chuàng)建node_modules文件夾

接下來，在package.json所在的目錄下，npm會自動創(chuàng)建一個名為node_modules的文件夾。

第三步：下載依賴項

當以上兩個步驟完成后，npm就開始執(zhí)行真正的安裝操作了。這時，它會根據(jù)package.json中定義的依賴信息，從npm registry上下載所有依賴項，并將它們放置到node_modules目錄下。

值得注意的是，如果項目中的依賴項已經(jīng)存在于本地緩存中，則npm會直接從本地緩存中拷貝這些依賴對象，而不是重新從registry上下載。這樣做的好處是可以提高安裝速度，同時避免重復(fù)下載相同版本的依賴包。

例如，我們使用以下命令來安裝jQuery：

$ npm install jquery --save-dev

那么，npm就會檢查package.json文件中所列出的依賴項，并將jQuery 3.4.1版本下載并安裝到本地的node_modules/jquery目錄下。

第四步：解決依賴項

通過上述步驟，我們成功下載并安裝了我們使用到的依賴包。不過，我們的項目中還可能存在其他依賴項，這些依賴項也需要被安裝到node_modules目錄下。

具體來說，當npm發(fā)現(xiàn)項目中某個包依賴于另一個包時，它會檢查該依賴包是否已經(jīng)在本地緩存中。如果是，則會將該依賴項拷貝到該包的node_modules目錄下；如果不是，則從npm registry上下載該包，并將其安裝到本地緩存里。

例如，當前項目中使用了lodash和underscore.string兩個包。其中，在package.json中，lodash是直接被定義為項目的一個依賴，而underscore.string是被定義為lodash的一個依賴。那么，在執(zhí)行npm install時，會按以下順序進行依賴項的解決：

首先，npm會安裝lodash包，并將其拷貝到node_modules/lodash中。
接著，當npm看到在package.json文件中定義了underscore.string的依賴項時，它會檢查lodash是否已經(jīng)被安裝。此時，由于lodash已經(jīng)被安裝在了node_modules/lodash目錄下，因此npm會繼續(xù)安裝并將underscore.string打包到node_modules/lodash/node_modules/underscore.string路徑下。