利用yarn代替npm管理前端项目模块依赖的方法详解
本文主要给大家介绍了关于yarn代替npm管理前端项目模块依赖的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。
什么是yarn?
简单来说,yarn是一个与npm功能相同的工具,用于前端项目的依赖管理。在使用npm的项目中,使用npm命令的地方都可以使用yran来代替。
为什么要使用yarn替代npm呢?yarn相对npm来说,主要的特点有:
- 离线、并行安装:依赖并行安装,缓存已下载过的依赖并优先使用,各种优化使得安装依赖速度显著提升
- 确定性:默认生成yarn.lock文件,可以保证各开发人员开发安装依赖的目录具有一致性
- more…
好吧,其实npm也在不断的优化改进中。但yarn确实有很多亮点,至少当前是非常值得你去使用的。
yarn使用快速上手
安装
虽然安装yarn可以不依赖npm,但这里还是建议你使用npm来安装吧,快速而简洁:
npmi-gyarn
在项目中使用
首次初始化项目时执行,在每次项目启动/构建之前,也都应执行一次,以保证本地依赖得到及时更新。
该命令会检查package.json和yarn.lock文件中的依赖,当有其内容更新,会进行依赖更新安装。
yarn
依赖更新。当你希望更新依赖模块到其最新版本时执行该命令。
yarnupgrade
yarn常用命令
开始新项目
yarninit
添加依赖包
yarnadd[package] yarnadd[package]@[version] yarnadd[package]@[tag]
升级依赖包
yarnupgrade[package] yarnupgrade[package]@[version] yarnupgrade[package]@[tag]
移除依赖包
yarnremove[package]
安装项目的全部依赖
yarn
或者
yarninstall
yarn使用实践建议
我们选择yarn的主要原因是依赖安装速度快,默认生成的yarn.lock会保证所有成员的模块依赖目录能够很好的保持一致。
yarninstall和yarnupgrade的执行逻辑,可以让你可以很清晰的管理本地依赖的版本更新时机,又能很好的让所有开发人员的本地依赖保持一致性。
使用npminstall则有些乱,当你不想写死版本号依赖时,它总会安装依赖包最新可用的版本,但这在有时候并不是你想要的。
在yarn之前,我们使用的是npm+淘宝仓库方案,也会使用cnpm。在国内,cnpm的依赖安装速度比yarn还要快,但cnpm在windows下通过创建链接引用的方式管理包依赖,可能会带来一些问题。
现在我们会默认使用淘宝仓库,使用npm管理全局依赖,使用yarn管理具体项目内的依赖。
在一个新的项目中使用yarn,我们会这么来做:
- 写好package.json,写入初始的第三方依赖
- 执行yarn命令,初始化安装项目依赖,生成yarn.lock文件
- 后续通过执行yarnaddxxx添加更多需要的依赖(也可直接在package.json文件中写入)
- 当确定需要更新依赖模块到其最新版本时,执行yarnupgrade命令
- 配置项目启动命令执行前,先执行yarn命令,以保证当yarn.lock被更新时,本地依赖也及时得到更新。例如,在package.json的script部分中配置start命令:"start":"yarn&&yarnrunbuild:dev"
你是如何来使用yarn的呢?欢迎分享你的经验。
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对毛票票的支持。
相关参考
npmhttps://docs.npmjs.com
yarnhttps://yarnpkg.com