<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題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關鍵字專題關鍵字專題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
        當前位置: 首頁 - 科技 - 知識百科 - 正文

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

        來源:懂視網 責編:小采 時間:2020-11-27 22:30:58
        文檔

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

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

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

        什么是 yarn?

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

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

      1. 離線、并行安裝:依賴并行安裝,緩存已下載過的依賴并優先使用,各種優化使得安裝依賴速度顯著提升
      2. 確定性:默認生成 yarn.lock 文件,可以保證各開發人員開發安裝依賴的目錄具有一致性
      3. more…
      4. 好吧,其實 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,我們會這么來做:

      5. 寫好 package.json,寫入初始的第三方依賴
      6. 執行 yarn 命令,初始化安裝項目依賴,生成 yarn.lock 文件
      7. 后續通過執行 yarn add xxx 添加更多需要的依賴(也可直接在 package.json 文件中寫入)
      8. 當確定需要更新依賴模塊到其最新版本時,執行 yarn upgrade 命令
      9. 配置項目啟動命令執行前,先執行 yarn 命令,以保證當 yarn.lock 被更新時,本地依賴也及時得到更新。例如,在 package.json 的 script 部分中配置 start 命令: "start": "yarn && yarn run build:dev"
      10. 你是如何來使用 yarn 的呢?歡迎分享你的經驗。

        總結

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

        文檔

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

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

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 亚洲日本在线免费观看| 亚洲AV无码欧洲AV无码网站| 亚洲丝袜中文字幕| 日韩免费高清大片在线| 亚洲男人天堂2017| 亚洲黄色片免费看| 亚洲国产一区在线观看| 成人片黄网站A毛片免费| 亚洲综合av一区二区三区| 精品久久久久久久免费人妻 | 亚洲第一精品福利| 久久精品毛片免费观看| 亚洲天堂在线播放| 免费99精品国产自在现线| 亚洲国产成人久久综合| 亚洲成年看片在线观看| 两性色午夜免费视频| 久久丫精品国产亚洲av| 亚洲美女视频免费| 亚洲精品乱码久久久久久V| 亚洲人成电影网站国产精品| 中文字幕av无码不卡免费| 亚洲人成在线观看| 卡一卡二卡三在线入口免费| 男女猛烈无遮掩视频免费软件| 国产亚洲精品a在线观看app| 2021精品国产品免费观看| 亚洲一区二区三区丝袜| 全亚洲最新黄色特级网站 | 久久午夜夜伦鲁鲁片免费无码影视 | 免费人成在线观看网站| 337p欧洲亚洲大胆艺术| 手机看片久久国产免费| 热99RE久久精品这里都是精品免费 | 91大神免费观看| 亚洲日本成本人观看| 国产亚洲情侣一区二区无| 麻豆高清免费国产一区| 国产精品观看在线亚洲人成网| 亚洲国产精品一区| 四虎免费久久影院|