如何使用yarn代替npm管理前端項目模塊依賴

這篇文章將為大家詳細講解有關如何使用yarn代替npm管理前端項目模塊依賴，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

什么是 yarn?

簡單來說，yarn 是一個與 npm 功能相同的工具，用于前端項目的依賴管理。在使用 npm 的項目中，使用 npm 命令的地方都可以使用 yran 來代替。

為什么要使用 yarn 替代 npm 呢？yarn 相對 npm 來說，主要的特點有：

• 離線、并行安裝：依賴并行安裝，緩存已下載過的依賴并優先使用，各種優化使得安裝依賴速度顯著提升

• 確定性：默認生成 yarn.lock 文件，可以保證各開發人員開發安裝依賴的目錄具有一致性

• more…

好吧，其實 npm 也在不斷的優化改進中。但 yarn 確實有很多亮點，至少當前是非常值得你去使用的。

yarn 使用快速上手

安裝

雖然安裝 yarn 可以不依賴 npm，但這里還是建議你使用 npm 來安裝吧，快速而簡潔：

npm i -g yarn

在項目中使用

首次初始化項目時執行，在每次項目啟動/構建之前，也都應執行一次，以保證本地依賴得到及時更新。

該命令會檢查 package.json 和 yarn.lock 文件中的依賴，當有其內容更新，會進行依賴更新安裝。

yarn <install>

依賴更新。當你希望更新依賴模塊到其最新版本時執行該命令。

yarn upgrade

yarn 常用命令

開始新項目

yarn init

添加依賴包

yarn add [package]
yarn add [package]@[version]
yarn add [package]@[tag]

升級依賴包

yarn upgrade [package]
yarn upgrade [package]@[version]
yarn upgrade [package]@[tag]

移除依賴包

yarn remove [package]

安裝項目的全部依賴

yarn

或者

yarn install

yarn 使用實踐建議

我們選擇 yarn 的主要原因是依賴安裝速度快，默認生成的 yarn.lock 會保證所有成員的模塊依賴目錄能夠很好的保持一致。

yarn install 和 yarn upgrade 的執行邏輯，可以讓你可以很清晰的管理本地依賴的版本更新時機，又能很好的讓所有開發人員的本地依賴保持一致性。

使用 npm install 則有些亂，當你不想寫死版本號依賴時，它總會安裝依賴包最新可用的版本，但這在有時候并不是你想要的。

在 yarn 之前，我們使用的是 npm+淘寶倉庫方案，也會使用 cnpm。在國內，cnpm 的依賴安裝速度比 yarn 還要快，但 cnpm 在 windows 下通過創建鏈接引用的方式管理包依賴，可能會帶來一些問題。

現在我們會默認使用淘寶倉庫，使用 npm 管理全局依賴，使用 yarn 管理具體項目內的依賴。

在一個新的項目中使用 yarn，我們會這么來做：

• 寫好 package.json，寫入初始的第三方依賴

• 執行 yarn 命令，初始化安裝項目依賴，生成 yarn.lock 文件

• 后續通過執行 yarn add xxx 添加更多需要的依賴（也可直接在 package.json 文件中寫入）

• 當確定需要更新依賴模塊到其最新版本時，執行 yarn upgrade 命令

• 配置項目啟動命令執行前，先執行 yarn 命令，以保證當 yarn.lock 被更新時，本地依賴也及時得到更新。例如，在 package.json 的 script 部分中配置 start 命令： "start": "yarn && yarn run build:dev"

關于“如何使用yarn代替npm管理前端項目模塊依賴”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。