1. 程式人生 > 其它 >yarn和npm的區別

yarn和npm的區別

Yarn是什麼?

“yarn”是由Facebook,Google,Exponent和Tilde聯合推出了一個新的JS包管理工具,正如官方文件中寫的,yarn是為了彌補npm的一席缺陷而出現的

npm的缺點:

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

  同一個專案,安裝的時候無法保持一致性。由於package.json檔案中的版本號的特點,下面三個版本在安裝的時候代表不同的含義。

  1.“5.0.3”
  2.“~5.0.3”
  3.“^5.0.3”

  “5.0.3”代表安裝指定的5.0.3的版本,“~5.0.3”代表安裝5.0.x中最新的版本,“^5.0.3”代表安裝5.x.x中最新的版本

  安裝的時候,包會在同一時間下載和安裝,中途某個時候,一個包丟擲了一個錯誤,但是npm會繼續下載和安裝。以為npm會把所有的日誌輸出到終端,有關錯誤的資訊就會在一大堆npm大一的警告中地市掉,並且你甚至用員不會質疑道實際發生的錯誤

Yarn的優點:

  速度快

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

    2.離線模式:如果之前已經安裝過一個軟體包,用yarn再次安裝時之間重快取中獲取,就不同想nom那樣在從網路瞎子阿里

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

  更簡潔的輸出:npm 的輸出資訊比較冗長。在執行 npm install <package> 的時候,命令列裡會不斷地打印出所有被安裝上的依賴。相比之下,Yarn 簡潔太多:預設情況下,結 合 了 emoji直觀且直接地打印出必要的資訊,也提供了一些命令供開發者查詢額外的安裝資訊。
  • 多註冊來源處理:所有的依賴包,不管他被不同的庫間接關聯引用多少次,安裝這個包時,只會從一個註冊來源去裝,要麼是 npm 要麼是 bower, 防止出現混亂不一致。
  • 更好的語義化: yarn改變了一些npm命令的名稱,比如 yarn add/remove,感覺上比 npm 原本的 install/uninstall 要更清晰。
  • Yarn和npm命令對比

  • npm yarn
  • npm install yarn
  • npm install react --save yarn add react
  • npm uninstall react --save yarn remove react
  • npm install react --save-devyarn add react --dev
  • npm update --save yarn upgrade
安裝yarn 需要node.js安裝成功
直接用npm install -g yarn安裝
# 安裝
$ yarn install
# 啟動
$ yarn run serve