1. 程式人生 > 實用技巧 >npm npx cnpm yarn 的區別

npm npx cnpm yarn 的區別

npm

npm 是 Node.js 官方提供的包管理工具。用於 Node.js 包的釋出、傳播、依賴控制。npm 提供了命令列工具,使你可以方便地下載、安裝、升級、刪除包,也可以讓你作為開發者釋出並維護包。

cnpm

淘寶團隊做的國內映象,因為npm的伺服器位於國外可能會影響安裝。npm 有時會出現網速問題。
npm install cnpm -g --registry=https://registry.npm.taobao.org

npx

npx是npm5.2之後釋出的一個命令。
用於執行npm依賴包的二進位制檔案,簡而言之,就是我們可以使用npx來執行各種命令。使用npx可以在命令列直接執行本地已安裝的依賴包命令,不用在scripts指令碼寫入命令,也不用麻煩的去找本地指令碼。使用npx,可以在不全域性安裝依賴包的情況下,執行命令,而且執行後不會汙染全域性環境。
npx 搜尋包的順序 ode_modules/.bin > 環境變數$PATH > 自動下載一個臨時的依賴包最新版本在一個臨時目錄,然後再執行命令,執行完之後刪除,不汙染全域性環境.
比如我們想要執行webpack 命令

webpack // 呼叫全域性下載的webpack
mode_modules/.bin/webpack //呼叫專案中的webpack
npx webpack  // 先尋找專案中有沒有下載webpack,如果有就呼叫專案中的,沒有再去全域性中找,全域性中也沒有 就會臨時下載一個,用完之後再刪除掉。

yarn

Yarn 是為了彌補 npm 的一些缺陷而出現的。Yarn是由Facebook、Google、Exponent 和 Tilde 聯合推出了一個新的 JS 包管理工具。

npm的缺點

1 npm install的時候巨慢。特別是新的專案拉下來要等半天,刪除node_modules,重新install的時候依舊如此。

2 同一個專案,安裝的時候無法保持一致性。由於package.json檔案中版本號的特點,下面三個版本號在安裝的時候代表不同的含義。
  -"5.0.3" : 表示安裝指定的5.0.3版本;
  -"~5.0.3" :表示安裝5.0.x中最新的版本;
  -"^5.0.3" :表示安裝5.X.X中最新的版本,

3 安裝的時候,包會在同一時間下載和安裝,中途某個時候,一個包丟擲錯誤,但是npm會繼續下載和安裝包。因為npm會把所有日誌輸出到終端,有關錯誤包的資訊就會在一大堆npm列印的警告中丟失掉,並且你不會注意到實際發生的錯誤。

yarn 優點

1 並行安裝:無論 npm 還是 Yarn 在執行包的安裝時,都會執行一系列任務。npm 是按照佇列執行每個 package,也就是說必須要等到當前 package 安裝完成之後,才能繼續後面的安裝。而 Yarn 是同步執行所有任務,提高了效能。

2 離線模式:如果之前已經安裝過一個軟體包,用Yarn再次安裝時之間從快取中獲取,就不用像npm那樣再從網路下載了。

3 安裝版本統一:為了防止拉取到不同的版本,Yarn 有一個鎖定檔案 (lock file) 記錄了被確切安裝上的模組的版本號。每次只要新增了一個模組,Yarn 就會建立(或更新)yarn.lock 這個檔案。這麼做就保證了,每一次拉取同一個專案依賴時,使用的都是一樣的模組版本。npm 其實也有辦法實現處處使用相同版本的 packages,但需要開發者執行 npm shrinkwrap 命令。這個命令將會生成一個鎖定檔案,在執行 npm install 的時候,該鎖定檔案會先被讀取,和 Yarn 讀取 yarn.lock 檔案一個道理。npm 和 Yarn 兩者的不同之處在於,Yarn 預設會生成這樣的鎖定檔案,而 npm 要通過 shrinkwrap 命令生成 npm-shrinkwrap.json 檔案,只有當這個檔案存在的時候,packages 版本資訊才會被記錄和更新。

4:更簡潔的輸出:npm 的輸出資訊比較冗長。在執行 npm install 的時候,命令列裡會不斷地打印出所有被安裝上的依賴。相比之下,Yarn 簡潔太多:預設情況下,結合了 emoji直觀且直接地打印出必要的資訊,也提供了一些命令供開發者查詢額外的安裝資訊。

5:多註冊來源處理:所有的依賴包,不管他被不同的庫間接關聯引用多少次,安裝這個包時,只會從一個註冊來源去裝,要麼是 npm 要麼是 bower, 防止出現混亂不一致。

6:更好的語義化: yarn改變了一些npm命令的名稱,比如 yarn add/remove,感覺上比 npm 原本的 install/uninstall 要更清晰。

npm5.0 的改進

1 預設新增了類似yarn.lock的 package-lock.json;

2 git 依賴支援優化:這個特性在需要安裝大量內部專案(例如在沒有自建源的內網開發),或需要使用某些依賴的未釋出版本時很有用。在這之前可能需要使用指定 commit_id 的方式來控制版本。
檔案依賴優化:在之前的版本,如果將本地目錄作為依賴來安裝,將會把檔案目錄作為副本拷貝到 node_modules 中。而在 npm5 中,將改為使用建立 symlinks 的方式來實現(使用本地 tarball 包除外),而不

3 再執行檔案拷貝。這將會提升安裝速度。目前yarn還不支援。