专栏首页carvenyarn -- 新型包管理器

yarn -- 新型包管理器

node 包管理器

随着nodejs的出现,另外两个东西也进入了前端大众的视野–CommonJS规范node 包管理器

说到node 包管理器,就不得不提npm,毕竟是官方标配,安装了node就自带了npmnpm + nodejs,构成了一个宏伟了前端世界。 当然,出于各种原因,市面上还存在着各种包管理器,比较著名的端资源包管理器 – ‘bower’; 镜像为主的cnpmtnpm; 工具提供的rnpmspm; 还有很多其他的(我也没用过):jamjscomponent

今天,想向大家介绍的是yarn– 2016.10.11 Facebook 正式发布的 javascript 包管理器, 用来替代npm。 我在一次偶然的升级react native的时候,接触了yarn(react native已经将自家的yarn融入安装环境中)。 一遍文章《Yarn: A new package manager for JavaScript》讲述了yarn的诞生历程。

简介

yarn 是Facebook与 Exponent、 Google 和 Tilde 进行合作,开源的 JavaScript 包管理器。 旨在针对npm使用过程中的一些问题,提供更好的包管理方式,同时兼容 npmbower 工作流。

特点

npm的问题

  • 安装依赖包不稳定。 不同平台、不同用户、不同次安装的依赖可能不一样(因为npm的依赖安装顺序具有不确定性)。
  • 安装耗时过长。 npm在安装包的时候,采取队列式安装:只有前一个包安装完,才会安装下一个包。一个包失败,安装任务结束。
  • 安全性(这方面认识不是很深刻)

yarn的亮点

  • 稳定的依赖分析。 yarn会自动生成一个yarn.lock文件,记录包版本,把安装的软件包版本锁定在某个特定版本,并保证所有机器安装结果一样;对于不匹配的依赖版本的包创立一个独立的包,避免创建重复的
  • 急速安装。 yarn采用了新的算法来保证速度;同步执行所有任务;一个包安装失败的时候,会自动重试;对于已经安装过的包,会做全局缓存,避免重复下载(可实现离线安装)。
  • 安全性。 下载前会检查签名和包完整性
  • 同时,yarn还优化了cli信息输出,命令行简介语义化等。

安装过程

借用译文《Facebook 发布了新的 Node 模块管理器 Yarn,或取代 npm 客户端》

1、 处理: Yarn 通过向代码仓库发送请求,并递归查找每个依赖项,从而解决依赖关系。 2、 抓取: 接下来,Yarn 会查找全局的缓存目录,检查所需的软件包是否已被下载。如果没有,Yarn 会抓取对应的压缩包,并放置在全局的缓存目录中,因此 Yarn 支持离线安装,同一个安装包不需要下载多次。依赖也可以通过 tarball 的压缩形式放置在源码控制系统中,以支持完整的离线安装。 3、生成: 最后,Yarn 从全局缓存中把需要用到的所有文件复制到本地的 node_modules 目录中。

安装使用

yarn保持现有的工作流成特性,使用npm仓库。 所以基本是无代价兼容现有前端项目的,可以放心使用。

安装

npm install -g yarn

是的,使用npm安装哈,简单便捷,和和气气。

可以配置一下国内仓库 常用的淘宝镜像

yarn config set registry https://registry.npm.taobao.org

厂内的tnpm镜像

yarn config set registry http://r.tnpm.oa.com

命令行

yarn的命令行功能基本与npm处于对等状态。

常用命令行对比:

初始化

yarn init // npm init

安装全部依赖

yarn // npm install

安装某个依赖

yarn add react        // npm install react --save
yarn remove react     // npm uninstall react --save
yarn add react --dev  // npm install react --save-dev
yarn global add react // npm install react -g

更新依赖

yarn upgrade react    // npm update react --save

运行

yarn run start        //npm run start

end

yarn才刚刚起步,截致博文时间的时候,版本是0.17.6,github issues也有很多反馈(目前我还不知道有什么bugs)。 但是,yarn确实受到很多人的关注和期待。 我也好好好好期待。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • gulp尝试开发

    这是挺久之前的事情了,还是觉得先记录下来,免得自己忘记了。 在实习的公司做web开发,gulp 是经常用到的,可是我做的不仅仅的前端,还包括后台, 所以将前端文...

    用户1394570
  • 利用canvas实现毛笔字帖(三)

    3. 第3部分controller.js 这一部分的功能就是要修改毛笔的颜色,还有清空画布。 功能简单,我们一起向下讲。 一开始依然是init controll...

    用户1394570
  • 利用canvas实现毛笔字帖(一)

    最近在慕课网上找到了很好的canvas教程, 来自 @liuyubobobo 的 学写一个字 canvas绘图教程 在 @liuyubobobo 老师的系列ca...

    用户1394570
  • 2016年人工智能技术进展大盘点

    如果说2015年大家还在质疑深度学习、人工智能,认为这是又一轮泡沫的开始,那么2016年可以说是人工智能全面影响人们生活的一年。从AlphaGo到无人驾驶,从美...

    用户1737318
  • 2016年人工智能技术进展大盘点

    如果说2015年大家还在质疑深度学习、人工智能,认为这是又一轮泡沫的开始,那么2016年可以说是人工智能全面影响人们生活的一年。从AlphaGo到无人驾驶,从美...

    CSDN技术头条
  • 高级 Vue 组件模式 (1)

    去年,曾经阅读过一系列关于高级 react 组件模式的文章,今年上半年,又抽空陆陆续续地翻译了一系列关于高级 angular 组件模式的文章,碰巧最近接手了一个...

    littlelyon
  • Android四大组件详解

    Android四大组件分别为activity、service、content provider、broadcast receiver。

    用户7557625
  • 用了这两个麦当劳的小程序,感觉能省一个亿

    没错,「知晓程序」这次要给大家推荐的,就是两款由麦当劳出品的小程序,不仅能让你免费吃甜筒,还能帮你每次点单都省下一笔。

    知晓君
  • day 83 Vue学习三之vue组件

      我们在进行vue开发的时候,还记得我们自己创建的vm对象吗,这个vm对象我们称为一个大组件,根组件(页面上叫Root),在一个网页的开发中,根据网页上的功能...

    py3study
  • 关于vue.js中slot的理解

    slot这块看官网文档,起初有点不懂,仔细研究还是最终理解了,slot是用来干嘛的呢,先看下一个例子:

    用户1141560

扫码关注云+社区

领取腾讯云代金券