App下載

Yarn vs npm:你需要知道的一切

鋼琴上的芭蕾 2021-09-23 14:50:32 瀏覽數(shù) (8814)
反饋

在本教程中,我們將比較 Yarn 與 npm — 兩個最流行的包管理器。我們會將它們并排放置并探索它們各自的優(yōu)缺點,以幫助您選擇要用于您的項目的哪一個。

布置基礎知識

以前,一個簡單的文本編輯器足以讓開發(fā)人員創(chuàng)建和管理他們的大部分項目。但隨著技術的發(fā)展,Web 也發(fā)生了巨大的變化。如今,即使是一個相當簡單的項目有成百上千個腳本也是很常見的,而且還具有復雜的嵌套依賴項。如果沒有某種自動化工具,這些腳本根本無法管理。這就是包管理器發(fā)揮作用的地方。

一個包管理器是一種工具,以各種不同的方式自動處理項目的依賴。例如,在包管理器的幫助下,我們可以安裝、卸載、更新和升級包,配置項目設置,運行腳本等。所有艱苦而乏味的工作都由包管理器完成,只剩下有趣的部分——編碼本身。

npm代表節(jié)點包管理器。它于 2010 年發(fā)布,開啟了 Web 開發(fā)的新時代。在此之前,項目依賴項是手動下載和管理的。npm 是將 Web 推向新高度的魔杖。

npm 實際上涉及三件事:

  • 一個用于管理 npm 體驗各個方面的網站
  • 一個注冊表訪問的JavaScript包的廣泛公共數(shù)據庫
  • 用于通過終端與 npm 交互的命令行界面(CLI)

然而,當大多數(shù)人談論 npm 時,他們通常指的是最后一個——CLI 工具。它作為默認包管理器隨每個新的 Node 安裝一起提供。這意味著您可以立即開始使用它。

如果您想深入了解如何使用 npm,請參閱我們的NPM 教程。

?Yarn?代表另一個資源管理器。Yarn 包管理器是 npm 的替代品,由 Facebook 于 2016 年 10 月發(fā)布。 Yarn 的最初目標是處理 npm 的缺點,例如性能和安全問題。Yarn 很快被定位為安全、快速、可靠的 JavaScript 依賴管理工具。

但是 npm 團隊吸取了教訓,并通過實現(xiàn)缺失的功能迅速填補了 npm 的空白。

讓我們快速穿越時空,看看大圖:

  • 2010 年:npm 發(fā)布,支持 Node.js。
  • 2016 年:發(fā)布紗線。它顯示出比 npm 更高的性能。它還生成一個yarn.lock文件,使 repos 的共享和精確復制變得更加容易和可預測。
  • 2017 年:npm 5 發(fā)布。它提供自動生成package-lock.json文件以響應yarn.lock.
  • 2018 年:npm 6 發(fā)布,提高了安全性。現(xiàn)在 npm 在安裝依賴項之前檢查安全漏洞。
  • 2020 年:Yarn 2 和 npm 7 發(fā)布。這兩個軟件包都帶有很棒的新功能,我們將在本教程后面看到。
  • 2021 年:Yarn 3 發(fā)布并進行了各種改進。

如今,這兩個包管理器在包管理競賽中并駕齊驅,提供相似的特性和功能。但是仍有一些差異有助于確定我們選擇使用哪個。

在本教程的其余部分,我們將探討 npm 和 Yarn 之間的主要異同。

Yarn 與 npm:安裝比較

我們將從 npm 和 Yarn 的安裝過程開始我們的比較探索。

安裝包管理器本身

正如我上面提到的,npm 預裝了 Node,所以不需要手動安裝 npm。

相比之下,Yarn 需要顯式安裝。首先,我們需要全局安裝 Yarn:

npm install -g yarn

然后,我們可以通過在我們的項目中設置所需的版本,在每個項目的基礎上使用它。我們通過yarn set version在項目的根目錄中運行命令來做到這一點:

yarn set version berry

在這種情況下,berry是我們要設置的版本。

如果我們想更新到最新版本,我們運行:

yarn set version latest

使用 Yarn,我們可以為每個項目使用不同的版本。

要對 npm 執(zhí)行相同操作,您需要安裝?nvm?(節(jié)點版本管理器)。以下是如何使用 ?nvm ?安裝多個版本的 Node。

安裝項目依賴

現(xiàn)在,讓我們看看如何安裝項目依賴項。

當我們運行時?npm install?,依賴項會依次安裝,一個接一個。終端中的輸出日志信息豐富,但有點難以閱讀。

要使用 Yarn 安裝軟件包,我們運行yarn命令。Yarn 并行安裝包,這是它比 npm 更快的原因之一。如果您使用的是 Yarn 1 版本,您會看到 Yarn 輸出日志是干凈的、視覺上可區(qū)分的和簡短的。為了便于理解,它們也以樹的形式排列。但這在版本 2 和 3 中發(fā)生了變化,其中日志不是那么直觀和人類可讀。

到目前為止,我們已經看到 npm 和 Yarn 有不同的安裝包命令。在下一節(jié)中,我們將探索更多命令。

比較 npm 和 Yarn 命令

npm 和 Yarn 共享許多命令,但也有許多不同的命令。讓我們首先探索一些相同的命令:

  • ?npm init?| ?yarn init?: 創(chuàng)建一個新包
  • ?npm run?| ?yarn run?: 運行定義在package.json
  • ?npm test?| ?yarn test?: 測試一個包
  • ?npm publish?| ?yarn publish?: 發(fā)布包
  • ?npm cache clean?| ?yarn cache clean?:從緩存文件夾中刪除所有數(shù)據

這些命令使兩個管理器之間的切換變得容易,但有一些不同的命令可能會導致混淆。讓我們看看它們在下一個列表中是什么:

  • ??npm install?| ?yarn??: 安裝依賴
  • ?npm install [package]?| ?yarn add [package]?: 安裝一個包
  • ?npm install --save-dev [package]?| ?yarn add - -dev [package]?: 安裝一個包作為開發(fā)依賴
  • ?npm uninstall [package]?| ?yarn remove [package]?: 卸載一個包
  • ?npm uninstall --save-dev [package]?| ?yarn remove [package]?: 卸載開發(fā)依賴包
  • ?npm update?| ?yarn upgrade?: 更新依賴
  • ?npm update [package]?| ?yarn upgrade [package]?: 更新一個包

Yarn 也有一些獨特的命令,它們沒有 npm 等效項。例如,?why?命令顯示需要包的原因:它可能是依賴項、本機模塊或項目依賴項。

Yarn 與 npm:速度和性能

每當 Yarn 或 npm 需要安裝包時,它們都會執(zhí)行一系列任務。在 npm 中,這些任務是按包順序執(zhí)行的,這意味著它會等待一個包完全安裝,然后再繼續(xù)下一個。相比之下,Yarn 并行執(zhí)行這些任務,從而提高了性能。

雖然這兩個管理器都提供緩存機制,但 Yarn 似乎做得更好一些。通過實現(xiàn)零安裝范例,我們將在功能比較部分看到,它幾乎可以立即安裝軟件包。它緩存每個包并將其保存在磁盤上,因此在此包的下一次安裝中,您甚至不需要互聯(lián)網連接,因為該包是從磁盤離線安裝的。

盡管 Yarn 有一些優(yōu)勢,但 Yarn 和 npm 在它們的最新版本中的速度相當。所以我們不能在這里定義一個干凈的贏家。

Yarn 與 npm:安全性比較

對 npm 的主要批評之一是關于安全性。以前的 npm 版本有幾個嚴重的安全漏洞。

從版本 6 開始,npm 會在安裝過程中審核軟件包并告訴您是否發(fā)現(xiàn)了任何漏洞。我們可以通過npm audit針對已安裝的軟件包運行來手動執(zhí)行此檢查。如果發(fā)現(xiàn)任何漏洞,npm 會給我們安全建議。

npm 審計報告不安全的包

正如你在上面的截圖中看到的,我們可以運行?npm audit fix?來修復包漏洞,如果可能的話,依賴樹將被修復。

Yarn 和 npm 都使用加密哈希算法來確保包的完整性。

Yarn 與 npm:功能比較

就像命令一樣,一些特性是 npm 和 Yarn 共享的,但也有一些不同。讓我們首先探討這兩個包管理器共享的共同功能。

生成鎖定文件

在?package.json? npm 和 Yarn 跟蹤項目依賴項的文件中,版本號并不總是準確的。相反,您可以定義一系列版本。這樣,您可以選擇包的特定主要和次要版本,但允許 npm 安裝可能修復某些錯誤的最新補丁。

在語義版本控制的理想世界中,補丁版本不會包含任何破壞性更改。但不幸的是,情況并非總是如此。npm 采用的策略可能會導致兩臺機器以相同的package.json文件結束,但安裝了不同版本的軟件包——這可能會引入錯誤。

為避免包版本不匹配,確切安裝的版本被固定在包鎖定文件中。每次添加模塊時,npm 和 Yarn 分別創(chuàng)建(或更新)一個package-lock.json和yarn.lock文件。這樣,您可以保證另一臺機器安裝完全相同的軟件包,同時仍然具有package.json.

使用工作區(qū)

工作區(qū)允許您擁有一個?monorepo?來管理跨多個項目的依賴項。這意味著您有一個單一的頂級根包,其中包含多個稱為工作區(qū)的子包。

遠程運行腳本

該npx命令用于從?./node_modules/.bin. ?它還允許您從 npm 注冊表中執(zhí)行包,而無需將它們安裝在您的項目依賴項中。例如,您可以通過運行以下命令來創(chuàng)建一個新的 React 應用程序:

npx create-react-app my-app

在 Yarn 中,您可以使用等效?dlx?命令獲得相同的結果:

yarn dlx create-react-app my-app

我們將要探索的其余功能是 Yarn 獨有的。

零安裝

零安裝將緩存存儲在您的項目目錄中的一個.yarn文件夾中。當您使用?yarn?或?yarn add <package>?等命令時,Yarn 將創(chuàng)建一個?.pnp.cjs?文件。此文件包含 Node 用于加載項目包的依賴關系層次結構。因此,您幾乎可以在零時間訪問它們。

即插即用

?Plug'n'Play? 是另一種安裝策略。?node_modulesYarn ?沒有生成目錄并將解析留給 Node,而是生成一個?.pnp.cjs?文件,將包映射到它們在磁盤上的位置和它們的依賴項列表。這個特性可以帶來更快的項目啟動、更好的優(yōu)化依賴樹、更快的安裝時間,當然也不需要?node_modules?文件夾。

執(zhí)照

Yarn 包含一個內置的許可證檢查器,當您開發(fā)應用程序時,它可以在不同的場景中使用。

Yarn vs npm:選擇哪個包管理器

我們已經介紹了 npm 和 Yarn 的各種異同,但我們還沒有確定哪個更好,我們應該選擇哪個。與以往一樣,答案取決于我們的愿望和要求。

作為一般指南,讓我總結以下建議:

  • 如果您對當前的工作流程感到滿意,不想安裝額外的工具,并且您沒有大量磁盤空間,請選擇 npm。
  • 如果您想要一些很棒的功能,例如 ?Plug'n'Play?,您需要一些 npm 中缺少的功能,并且您有足夠的磁盤空間,請選擇 Yarn。

如果你仍然很難在 npm 和 Yarn 之間做出明確的決定,那么你可以查看?pnpm?,它試圖結合兩個包管理器的優(yōu)點,是包管理池中的第三大魚。

Yarn 與 npm:結論

我們已經看到包管理器對于現(xiàn)代 Web 開發(fā)的重要性,并且我們比較了市場上兩個最受歡迎的競爭對手。它們都有各自的優(yōu)點和缺點,為了選擇最適合您的,您需要清楚自己的要求。決定哪個更適合你的最好方法是嘗試它們,看看哪個表現(xiàn)更好。

最后,不要想太多。只需選擇一個并轉到有趣的部分:創(chuàng)建出色的應用程序!


1 人點贊