yarn和npm一样,都是包管理工具,那么他们两者的区别到底是什么呢,我们应该使用哪一个呢
下面我们就来详细看下,它们分别是什么
一.NPM
npm是Node.js能够如此成功的主要原因之一
npm是围绕着语义版本控制的思想而设计的,下面是从他们的网站摘过来的:
给定一个版本号:主版本号.次版本号.补丁版本号
主版本号: 当API发生改变,并与之前的版本不兼容的时候
次版本号: 当增加了功能,但是向后兼容的时候
补丁版本号: 当做了向后兼容的缺陷修复的时候
npm使用一个名为package.json的文件,用户可以通过npm install --save命令把项目里所有的依赖项保存在这个文件里
下图是package.json中的某依赖的版本号:
"5.0.3",
"~5.0.3",
"^5.0.3"
“5.0.3”表示安装指定的5.0.3版本
“~5.0.3”表示安装5.0.X中最新的版本
“^5.0.3”表示安装5.X.X中最新的版本
这就比较恶心,所以常常会出现同一个项目,有的同事运行可以,但是有的同事会由于安装的版本不一致出现很诡异的bug,也就会出现我们经常听到的一句话:“在我的电脑上可以.........”
而且很多npm库都严重依赖于其他npm库,这会导致嵌套依赖关系,并增加无法匹配相应版本的概率,从而出错
安装的时候,包会在同一时间下载和安装,中途某个时候,一个包出了错误,但是npm会继续下载和安装包。因为npm会把所有的日志输出到终端,有关错误包的错误信息就会在一大堆npm打印的警告中丢失掉,所以你很难找到真正出错的包和原因
还有就是,如果我们之前npm装过了依赖,但是后面又执行npm install ,那么又会再从网络上重新下载依赖,导致变得非常慢。
综上所述,来总结一下npm的缺点:
1.由于版本号的影响,所以会造成版本不统一的情况
2.由于npm库存在嵌套依赖的关系,会增加无法匹配相应版本的概率
3.npm 的输出信息比较冗长。在执行 npm install 的时候,命令行里会不断地打印出所有被安装上的依赖,不够简洁
4.重复安装的时候,不直接从缓存中获取,还需要从网络上下载
5.依赖是逐个进行下载的,前一个下载完,才可以进行下一个的下载,所以导致下载速度慢
二.cnpm
cnpm跟npm用法完全一致,只是在执行命令时将npm改为cnpm。
npm安装插件是从国外服务器下载,受网络影响大,可能出现异常.
淘宝将国外服务器的内容,先请求到了自己国内的服务器上,这样我们使用cnpm的时候下载的依赖就是从国内服务器上下载过来的,速度相对快很多。
官网上说:“这是一个完整 npmjs.org镜像,你可以用此代替官方版本,同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”
安装:npm install -g cnpm --registry=https://registry.npm.taobao.org
三. yarn
为了弥补npm的缺陷,这个时候yarn闪亮登场了,Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具
那么我们来看一下yarn的优点:
1.yarn使用本地缓存,与npm不同的是,yarn无需互联网连接就能安装本地缓存的依赖项,它提供了离线模式.
2.并行安装, Yarn 是同步执行所有任务,提高了性能.
3.安装版本统一:为了防止拉取到不同的版本,Yarn 有一个锁定文件 (lock file) 记录了被确切安装上的模块的版本号。每次只要新增了一个模块,Yarn 就会创建(或更新)yarn.lock 这个文件。这么做就保证了,每一次拉取同一个项目依赖时,使用的都是一样的模块版本。
4.输出比较简洁,不像npm那样冗余
5.多注册来源处理:所有的依赖包,不管他被不同的库间接关联引用多少次,安装这个包时,只会从一个注册来源去装
四.Yarn和npm命令的对比
npm | yarn |
---|---|
npm install | yarn |
npm install react --save | yarn add react |
npm uninstall react --save | yarn remove react |
npm install react --save-dev | yarn add react --dev |
npm update --save | yarn upgrade |
所以写到这里,我想你大概能了解这三者之间的区别了吧,下次你的同事和你说"在你的电脑上可以,在我的电脑上怎么不行"的时候,记得'亲切'的给他答疑解惑,哈哈哈
就这样啦,有问题欢迎指出哦~~~