Yarn和NPM的区别

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|

Yarn的优点?
1.速度快 。速度快主要来自以下两个方面:
2.并行安装:无论 npm 还是 Yarn 在执行包的安装时,都会执行一系列任务。npm 是按照队列执行每个 package,也就是说必须要等到当前 package 安装完成之后,才能继续后面的安装。而 Yarn 是同步执行所有任务,提高了性能。
3.离线模式:如果之前已经安装过一个软件包,用Yarn再次安装时之间从缓存中获取,就不用像npm那样再从网络下载了。
安装版本统一:为了防止拉取到不同的版本,Yarn 有一个锁定文件 (lock file) 记录了被确切安装上的模块的版本号。每次只要新增了一个模块,Yarn 就会创建(或更新)yarn.lock 这个文件。这么做就保证了,每一次拉取同一个项目依赖时,使用的都是一样的模块版本。npm 其实也有办法实现处处使用相同版本的 packages,但需要开发者执行 npm shrinkwrap 命令。这个命令将会生成一个锁定文件,在执行 npm install 的时候,该锁定文件会先被读取,和 Yarn 读取 yarn.lock 文件一个道理。npm 和 Yarn 两者的不同之处在于,Yarn 默认会生成这样的锁定文件,而 npm 要通过 shrinkwrap 命令生成 npm-shrinkwrap.json 文件,只有当这个文件存在的时候,packages 版本信息才会被记录和更新。

npm的缺点?
1.npm install的时候巨慢。特别是新的项目拉下来要等半天,删除node_modules,重新install的时候依旧如此。
2.同一个项目,安装的时候无法保持一致性。由于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中最新的版本。这就麻烦了,常常会出现同一个项目,有的同事是OK的,有的同事会由于安装的版本不一致出现bug。
3.安装的时候,包会在同一时间下载和安装,中途某个时候,一个包抛出了一个错误,但是npm会继续下载和安装包。因为npm会把所有的日志输出到终端,有关错误包的错误信息就会在一大堆npm打印的警告中丢失掉,并且你甚至永远不会注意到实际发生的错误。

作者:Simbawu
链接:https://www.jianshu.com/p/254794d5e741
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

原文地址:https://www.cnblogs.com/Scooby/p/12144100.html

时间: 2024-10-10 04:56:06

Yarn和NPM的区别的相关文章

yarn 和 npm 的区别

npm 与 yarn 命令对比 npm yarn npm install yarn install (N/A) yarn install --flat (N/A) yarn install --har (N/A) yarn install --no-lockfile (N/A) yarn install --pure-lockfile npm install [package] (N/A) npm install --save [package] yarn add [package] npm i

[yarn]yarn和npm的对比

一.简介 NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种: 允许用户从NPM服务器下载别人编写的第三方包到本地使用. 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用. 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用. Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具. 二.相比npm 的优点 1.npm安装是串行,而y

yarn vs npm

yarn is similar to npm. how to install yarn: npm install yarn -g or choco install yarn npm vs yarn: yarn npm 说明 yarn init npm init 初始化项目,生成package.json文件 yarn add 模块名 npm install 模块名 --save 在本目录下添加项目的依赖包,并在package.json下写入配置 yarn global add 模块名 npm in

使用yarn作为NPm的代替方案

相关传送门: # 官方网站 https://yarnpkg.com/zh-Hans/docs/usage 防止fq问题,先设置淘宝源: yarn config set registry https://registry.npm.taobao.org demo: yarn init -y yarn add webpack react react-dom

nodejs Yarn替代npm的包管理——快速、安全、可靠性高的依赖管理

Yarn能帮你解决的五件事 转自: http://www.qingpingshan.com/jb/javascript/185590.html 长话短说(TL;DR):在 JavaScript 领域有多个包管理器,举几个来说: npm , bower , component 和 volo . 截至写本文,最流行的 JavaScript 包管理器是 npm.npm 客户端可以访问 npm 源里成千上万的代码库.只是最近,Facebook 推出了新的 JavaScript 包管理器 Yarn , 号

bower 和 npm 的区别

前端技术和工程实践真的是突飞猛进啊,想当年,我这个半业余前端吭哧吭哧做页面的时候,哪有这么多东西可以用啊,现在先进到我都完全看不懂了.本文主要讲一下同是包管理器的bower和npm的差别. 主要也是在stackoverflow看来的,翻译加一部分自己的理解. npm 是伴随Node.js 出现的一个包管理器,最开始只能支持 Node.js 的模块管理,但是后来, npm 官网经过一次改版,打出的口号是,javascript 的包管理器,所以,其已经不在局限于是 Node.js 的模块管理了,已经

[Web 前端] 使用yarn代替npm作为node.js的模块管理器

cp from : https://www.jianshu.com/p/bfe96f89da0e Fast, reliable, and secure dependency management Yarn是Facebook公司出品的用于管理nodejs包的一款软件,开发过nodejs的同学应该知道,我们一般都使用npm作为我们nodejs项目的模块管理器,但npm有一些历史遗留问题,首先,npm安装速度比较慢,而且当项目中模块数量越来越多时,管理这些模块及其依赖的版本是件令人头疼的事,其次npm

每日技术总结:Yarn和Npm大PK

今天想用npm安装[email protected] npm install --global [email protected]2.9 卡半天,安装不成功,清空缓存,换taobao源重来,还是一样. 无奈之下换yarn yarn global add [email protected]2.9 分分钟装完. 是时候列出一个npm和yarn常见命令对比表了 参考文档: (1)npm官网命令:https://www.npmjs.com.cn/cli/install/ (2)yarn官网命令:http

Yarn以及npm缓存包清理!

过完年在家捣鼓电脑,发现C盘快满了,又开始了各种优化C盘的方法,首先当然是用spaceSniffer去查看一下占用情况,不看不知道一看吓一跳,Yarn竟然在C盘个人目录有面有7个G多的大小,下面就简单列举几个Yarn提供的关于缓存的命令. 一.yarn cache dir 运行命令会显示当前缓存目录,默认是C盘 二.yarn cache clean [<module_name...>] 运行命令会清理缓存包,若未指定包名则会全部清理,指定则清理指定包. 注意:要先清理包在重新配置目录,否则会使