利用yarn代替npm管理前端项目模块依赖的方法详解

本文主要给大家介绍了关于yarn代替npm管理前端项目模块依赖的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。

什么是 yarn?

简单来说，yarn 是一个与 npm 功能相同的工具，用于前端项目的依赖管理。在使用 npm 的项目中，使用 npm 命令的地方都可以使用 yran 来代替。

为什么要使用 yarn 替代 npm 呢？yarn 相对 npm 来说，主要的特点有：

• 离线、并行安装：依赖并行安装，缓存已下载过的依赖并优先使用，各种优化使得安装依赖速度显著提升
• 确定性：默认生成 yarn.lock 文件，可以保证各开发人员开发安装依赖的目录具有一致性
• more…

好吧，其实 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，我们会这么来做：

• 写好 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 的呢？欢迎分享你的经验。

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

相关参考

npm https://docs.npmjs.com
yarn https://yarnpkg.com

# yarn  # npm  # yarn和npm  # yarn与npm  # yarn 命令死循环问题分析解决  # 创建项目及包管理yarn create vite源码学习  # pnpm对npm及yarn降维打击详解  # Yarn与Lerna管理monorepo使用详解  # Yarn安装项目依赖报error An unexpected error occurred: “XX  # 很好  # 淘宝  # 新版本  # 开发人员  # 的是  # 是一个  # 其最  # 离线  # 有一  # 让你  # 也会  # 你是  # 相关内容  # 以保证  # 首次  # 有很多  # 说了  # 也在  # 当你  # 不多 

相关文章： 建站主机服务器选型指南与性能优化方案解析  制作网页的网站有哪些,电脑上怎么做网页？  建站之星24小时客服电话如何获取？  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  枣阳网站制作,阳新火车站打的到仙岛湖多少钱？  如何快速搭建高效WAP手机网站吸引移动用户？  网站制作报价单模板图片,小松挖机官方网站报价？  网站制作员失业,怎样查看自己网站的注册者？  建站之星价格显示格式升级，你的预算足够吗？  Dapper的Execute方法的返回值是什么意思 Dapper Execute返回值详解  如何在云主机上快速搭建网站？  网站制作的步骤包括,正确网址格式怎么写？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  成都网站制作价格表,现在成都广电的单独网络宽带有多少的，资费是什么情况呢？  香港服务器网站测试全流程：性能评估、SEO加载与移动适配优化  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  家庭建站与云服务器建站，如何选择更优？  建站主机功能解析：服务器选择与快速搭建指南  深圳 网站制作,深圳招聘网站哪个比较好一点啊？  小型网站建站如何选择虚拟主机？  视频网站app制作软件,有什么好的视频聊天网站或者软件？  制作公司内部网站有哪些,内网如何建网站？  子杰智能建站系统｜零代码开发与AI生成SEO优化指南  沈阳制作网站公司排名,沈阳装饰协会官方网站？  如何在VPS电脑上快速搭建网站？  如何选择高效可靠的多用户建站源码资源？  建站之星2.7模板：企业网站建设与h5定制设计专题  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目？  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系？  哈尔滨网站建设策划,哈尔滨电工证查询网站？  ,南京靠谱的征婚网站？  如何在新浪SAE免费搭建个人博客？  微网站制作教程,不会写代码，不会编程，怎么样建自己的网站？  香港服务器租用费用高吗？如何避免常见误区？  如何在腾讯云服务器快速搭建个人网站？  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  微信小程序 input输入框控件详解及实例（多种示例）  番禺网站制作公司哪家值得合作,番禺图书馆新馆开放了吗？  官网网站制作腾讯审核要多久,联想路由器newifi官网  高性能网站服务器部署指南：稳定运行与安全配置优化方案  建站主机选购指南：核心配置优化与品牌推荐方案  制作网站哪家好,cc、.co、.cm哪个域名更适合做网站？  美食网站链接制作教程视频,哪个教做美食的网站比较专业点？  无锡制作网站公司有哪些,无锡优八网络科技有限公司介绍？  北京的网站制作公司有哪些,哪个视频网站最好？  网站制作公司排行榜,四大门户网站排名？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  网站专业制作公司有哪些,做一个公司网站要多少钱？  合肥做个网站多少钱,合肥本地有没有比较靠谱的交友平台？  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南