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

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

成都創(chuàng)新互聯(lián)公司憑借專業(yè)的設(shè)計團(tuán)隊扎實(shí)的技術(shù)支持、優(yōu)質(zhì)高效的服務(wù)意識和豐厚的資源優(yōu)勢，提供專業(yè)的網(wǎng)站策劃、成都做網(wǎng)站、網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、軟件開發(fā)、網(wǎng)站改版等服務(wù)，在成都10余年的網(wǎng)站建設(shè)設(shè)計經(jīng)驗，為成都成百上千家中小型企業(yè)策劃設(shè)計了網(wǎng)站。

什么是 yarn?

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

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

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

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

• more…

好吧，其實(shí) npm 也在不斷的優(yōu)化改進(jìn)中。但 yarn 確實(shí)有很多亮點(diǎn)，至少當(dāng)前是非常值得你去使用的。

yarn 使用快速上手

安裝

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

npm i -g yarn

在項目中使用

首次初始化項目時執(zhí)行，在每次項目啟動/構(gòu)建之前，也都應(yīng)執(zhí)行一次，以保證本地依賴得到及時更新。

該命令會檢查 package.json 和 yarn.lock 文件中的依賴，當(dāng)有其內(nèi)容更新，會進(jìn)行依賴更新安裝。

yarn <install>

依賴更新。當(dāng)你希望更新依賴模塊到其最新版本時執(zhí)行該命令。

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 使用實(shí)踐建議

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

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

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

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

現(xiàn)在我們會默認(rèn)使用淘寶倉庫，使用 npm 管理全局依賴，使用 yarn 管理具體項目內(nèi)的依賴。

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

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

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

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

• 當(dāng)確定需要更新依賴模塊到其最新版本時，執(zhí)行 yarn upgrade 命令

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

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

網(wǎng)頁標(biāo)題：如何使用yarn代替npm管理前端項目模塊依賴
文章網(wǎng)址：http://www.jbt999.com/article6/iiepog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、全網(wǎng)營銷推廣、搜索引擎優(yōu)化、網(wǎng)站策劃、面包屑導(dǎo)航、App開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)