最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁 - 科技 - 知識百科 - 正文

利用yarn代替npm管理前端項目模塊依賴的方法詳解

來源:懂視網(wǎng) 責(zé)編:小采 時間:2020-11-27 22:30:58
文檔

利用yarn代替npm管理前端項目模塊依賴的方法詳解

利用yarn代替npm管理前端項目模塊依賴的方法詳解:本文主要給大家介紹了關(guān)于yarn代替npm管理前端項目模塊依賴的相關(guān)內(nèi)容,分享出來供大家參考學(xué)習(xí),下面話不多說了,來一起看看詳細(xì)的介紹吧。 什么是 yarn? 簡單來說,yarn 是一個與 npm 功能相同的工具,用于前端項目的依賴管理。在使用 npm 的項目
推薦度:
導(dǎo)讀利用yarn代替npm管理前端項目模塊依賴的方法詳解:本文主要給大家介紹了關(guān)于yarn代替npm管理前端項目模塊依賴的相關(guān)內(nèi)容,分享出來供大家參考學(xué)習(xí),下面話不多說了,來一起看看詳細(xì)的介紹吧。 什么是 yarn? 簡單來說,yarn 是一個與 npm 功能相同的工具,用于前端項目的依賴管理。在使用 npm 的項目

本文主要給大家介紹了關(guān)于yarn代替npm管理前端項目模塊依賴的相關(guān)內(nèi)容,分享出來供大家參考學(xué)習(xí),下面話不多說了,來一起看看詳細(xì)的介紹吧。

什么是 yarn?

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

為什么要使用 yarn 替代 npm 呢?yarn 相對 npm 來說,主要的特點有:

  • 離線、并行安裝:依賴并行安裝,緩存已下載過的依賴并優(yōu)先使用,各種優(yōu)化使得安裝依賴速度顯著提升
  • 確定性:默認(rèn)生成 yarn.lock 文件,可以保證各開發(fā)人員開發(fā)安裝依賴的目錄具有一致性
  • more…
  • 好吧,其實 npm 也在不斷的優(yōu)化改進中。但 yarn 確實有很多亮點,至少當(dāng)前是非常值得你去使用的。

    yarn 使用快速上手

    安裝

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

    npm i -g yarn

    在項目中使用

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

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

    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 使用實踐建議

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

    yarn install 和 yarn upgrade 的執(zhí)行邏輯,可以讓你可以很清晰的管理本地依賴的版本更新時機,又能很好的讓所有開發(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"
  • 你是如何來使用 yarn 的呢?歡迎分享你的經(jīng)驗。

    總結(jié)

    聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    利用yarn代替npm管理前端項目模塊依賴的方法詳解

    利用yarn代替npm管理前端項目模塊依賴的方法詳解:本文主要給大家介紹了關(guān)于yarn代替npm管理前端項目模塊依賴的相關(guān)內(nèi)容,分享出來供大家參考學(xué)習(xí),下面話不多說了,來一起看看詳細(xì)的介紹吧。 什么是 yarn? 簡單來說,yarn 是一個與 npm 功能相同的工具,用于前端項目的依賴管理。在使用 npm 的項目
    推薦度:
    • 熱門焦點

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top