什麽是 yarn?

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

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

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

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

yarn 使用快速上手

安裝

npm i -g yarn

//或
cnpm 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]

將依賴項添加到不同依賴項類別

分別添加到 devDependencies、peerDependencies 和 optionalDependencies：

yarn add [package] --dev
yarn add [package] --peer
yarn add [package] --optional
 

升級依賴包

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

移除依賴包

yarn remove [package]

安裝項目的全部依賴

yarn 
//或
yarn 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快速使用及實踐建議