1. 首页

npm 和 yarn 你选哪个?

每个团队都必须在开发过程中做出各种决定。其中通常会涉及到 yarnnpm 或其它用于构建和打包 javascript 代码的工具。一些开发人员渴望朝着某个方向前进,有时他们会花费大量时间来尝试,去做出实际上对他们的工作几乎没有什么影响的决策。

首先,要了解为什么要做出一个有趣的决定,我们需要看一下 javascript 中包管理的历史。

  • npm 出现之前:前端依赖项是保存到存储库中并手动下载的📁
  • 2010npm 发布并支持 nodejs📦
  • 2012npm 的使用量急剧增加——主要是由于 Browserifys 浏览器的支持🎉
  • 2012npm 有了一个竞争对手 bower,它完全支持浏览器💻
  • 2012-2016:前端项目的依赖项数量成倍增加🤯
  • 2012-2016:构建和安装前端应用变得越来越慢🐢
  • 2012-2016:大量(重复的)依赖项存储在神奇的 node_modules 内的嵌套文件夹中☢️
  • 2012-2016rm -rf node_modules 成为前端开发人员最常用的命令。 🗑
  • 2015bower 输给了 npm 💀
  • 2015node_modules 被修改为扁平化的文件结构! 🕸
  • 2016left-pad成为当时的新闻头条 👈
  • 2016yarn 发布 🚀
    • 支持 npmbower 仓库
    • yarn.lock 能够锁定安装的版本并提供确定性的依赖关系。不再 rm -rf node_modules
    • yarn install 花费的时间是 npm install 的一半(不使用缓存的前提下)
    • 缓存和脱机模式使构建过程几乎不花费时间
  • 2016npm 发布 shrinkwrap🧯
    • 尝试处理依赖项锁定
    • 不幸的是,一些错误和超出其管理能力的承诺导致该工具的声誉下降
  • 2017npm 5 发布🔓
    • package-lock.json 是他们的新工具,shrinkwrap 被放在一边
    • package-lock.json 开始与 yarns 锁定文件竞争
  • 2018npm ci 发布🛬
    • 直接用 package-lock.json 构建代码
    • 没有代价高昂的依赖项安全性分析和版本分析
    • 大大减少了在构建服务器上的构建时间!
  • 2018npm 6 发布👮‍♀️
    • npm 检查要安装的依赖项中的安全漏洞
    • yarnnpm 的构建时间不再有显差异
  • 2019tink 开始进入 beta 模式🦋
    • 避免使用 node_modules,而是为项目中的每个依赖项创建一个带有哈希值的文件
    • 尚未做好投入生产环境的准备

Js中文网 – 前端进阶资源教程 www.javascriptC.com,typescript 中文文档
一个帮助开发者成长的社区,你想要的,在这里都能找到

哎… 🥵

如我们所见,yarn 发布后,npm 受到启发(并被迫?)开发了许多好的工具和机制。 yarn 因为解决了与 npm 相关的一些重要问题而倍受赞誉,并在 2016 年开始向竞争对手施加压力。包的处理速度、安全性和确定性是必不可少的功能,它们使当今的开发人员能够专注于创造价值,而且并不为这两种工具进行争吵。

结论 🤔

为了方便起见,我建议大多数团队(必须做出许多其他更重要的技术决定)选择最简单的选项 —— npm。它随 node 一起提供,目前能以足够好的方式处理包管理。

总是有例外吗? 🧐

当使用 monorepo 时,yarn workspaces 是一种流行的替代方案,而 npm 则没有提供等效的替代方法。 lerna 是一个软件包,它还支持 monorepos 的使用,并且可以与 npmyarn(带有 workspaces)一起使用。

pnpm 🥉

PS:应该提到的是, pnpm 是包管理器的第三种选择。如果 pnpm 的卖点是如果包已经下载到本地的一个存储库中,则它就不会再次下载了——这类似于 Java 中的 maven 依赖管理。在撰写本文时,pnpm 还不如 yarnnpm 成熟,也不能投入生产环境。

作者:前端先锋
链接:https://juejin.im/post/5e01fd27e51d4557f3533610

看完两件小事

如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:

  1. 关注我们的 GitHub 博客,让我们成为长期关系
  2. 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
  3. 关注公众号 「画漫画的程序员」,公众号后台回复「资源」 免费领取我精心整理的前端进阶资源教程

JS中文网是中国领先的新一代开发者社区和专业的技术媒体,一个帮助开发者成长的社区,目前已经覆盖和服务了超过 300 万开发者,你每天都可以在这里找到技术世界的头条内容。欢迎热爱技术的你一起加入交流与学习,JS中文网的使命是帮助开发者用代码改变世界

本文著作权归作者所有,如若转载,请注明出处

转载请注明:文章转载自「 Js中文网 · 前端进阶资源教程 」https://www.javascriptc.com

标题:npm 和 yarn 你选哪个?

链接:https://www.javascriptc.com/3163.html

« 【TypeScript 进化史 — 3】标记联合类型 与 never 类型
H5应用安全性-浏览器是如何工作的»
Flutter 中文教程资源

相关推荐

QR code