使用 yarn 代替 npm 管理前端專案模組依賴

2021-08-29 16:15:12 字數 2305 閱讀 2830

目錄

[隱藏]

yarn 使用實踐建議

相關參考

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

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

確定性:預設生成 yarn.lock 檔案,可以保證各開發人員開發安裝依賴的目錄具有一致性

more…

好吧,其實 npm 也在不斷的優化改進中。但 yarn 確實有很多亮點,至少當前是非常值得你去使用的。

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

1npm i -g yarn

首次初始化專案時執行,在每次專案啟動/構建之前,也都應執行一次,以保證本地依賴得到及時更新。

該命令會檢查 package.json 和 yarn.lock 檔案中的依賴,當有其內容更新,會進行依賴更新安裝。

1yarn <install>

依賴更新。當你希望更新依賴模組到其最新版本時執行該命令。

1yarn upgrade

開始新專案

1yarn init

新增依賴包

1yarn add [package]

2yarn add [package]@[version]

3yarn add [package]@[tag]

公升級依賴包

1yarn upgrade [package]

2yarn upgrade [package]@[version]

3yarn upgrade [package]@[tag]

移除依賴包

1yarn remove [package]

安裝專案的全部依賴

1yarn

或者1yarninstall

我們選擇 yarn 的主要原因是依賴安裝速度快,預設生成的yarn.lock會保證所有成員的模組依賴目錄能夠很好的保持一致。

yarn installyarn upgrade的執行邏輯,可以讓你可以很清晰的管理本地依賴的版本更新時機,又能很好的讓所有開發人員的本地依賴保持一致性。

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

在 yarn 之前,我們使用的是npm+**倉庫方案,也會使用 cnpm。在國內,cnpm 的依賴安裝速度比 yarn 還要快,但 cnpm 在 windows 下通過建立鏈結引用的方式管理包依賴,可能會帶來一些問題。

現在我們會預設使用**倉庫,使用 npm 管理全域性依賴,使用 yarn 管理具體專案內的依賴。

在乙個新的專案中使用 yarn,我們會這麼來做:

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

執行yarn命令,初始化安裝專案依賴,生成yarn.lock檔案

後續通過執行yarn add ***新增更多需要的依賴(也可直接在 package.json 檔案中寫入)

當確定需要更新依賴模組到其最新版本時,執行yarn upgrade命令

配置專案啟動命令執行前,先執行yarn命令,以保證當yarn.lock被更新時,本地依賴也及時得到更新。例如,在package.jsonscript部分中配置start命令:"start": "yarn && yarn run build:dev"

你是如何來使用 yarn 的呢?歡迎分享你的經驗。

使用yarn代替npm

npm node module package,是nodejs的包管理工具,最初是有 isaac z.schlueter 開發的,這個讓全世界的人都可以很快的運用互相開發的package的工具使nodejs的開發方便的很多很多。而npm出來不久之後,又出來乙個新的包管理工具yarn,這個玩意的來頭不...

使用 yarn 發布 npm 包

工具 yarn npm install yarnpkg g git 建立你的第乙個npm庫 在建立你的第乙個庫之前,你需要了解什麼是yarn。開啟終端,首先建立乙個git倉庫 git init rocksocket 進入 rocksocket 資料夾,執行 yarn init 這將會詢問你以下幾個問...

yarn與npm的簡單使用

1 初始化乙個新的專案 yarn init 2 新增乙個依賴包 yarn add package yarn add package version yarn add package tag 3 安裝所有的依賴包yarn 或者yarn install4 npm 與 yarn命令比較 npm i 模組名...