yarn快速使用及實踐建議
阿新 • • 發佈:2018-06-24
需要 依賴管理 地方 json 目的 build 我們 內容 依賴項
什麽是 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快速使用及實踐建議