乐趣区

关于前端:npm和yarn的区别

jiezi

周一入职，共事 JJ 让我相熟一下基于 React 的新我的项目。
依照以往，我的步骤都是：

git clone xxx
npm install
npm run dev

这时，JJ 给我来了上面一段

git clone xxx
yarn
yarn start

“咦，yarn 是什么鬼？难道 npm 更高级的替代品？为什么要代替 npm？难道有什么好的中央？”，心田一连串的问题冒出来。我就默默的问了一下 JJ：“yarn 是跟 npm 一样的货色吗？”，“嗯。”JJ 繁忙的敲着键盘，显然这个问题不值得持续问上来了。我也默默的把方才脑子里一连串的问题记了下来。

Yarn 是什么？

“Yarn 是由 Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具，正如官网文档中写的，Yarn 是为了补救 npm 的一些缺点而呈现的。”这句话让我想起了应用 npm 时的坑了：

  • npm install的时候 巨慢。特地是新的我的项目拉下来要等半天，删除 node_modules，从新 install 的时候仍旧如此。
  • 同一个我的项目，装置的时候 无奈放弃一致性。因为 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。

  • 装置的时候，包会在同一时间下载和装置，中途某个时候，一个包抛出了一个谬误，然而 npm 会持续下载和安装包。因为 npm 会把所有的日志输入到终端，无关谬误包的错误信息就会在一大堆 npm 打印的正告中失落掉，并且你甚至永远 不会留神到理论产生的谬误。

带着这些坑，我开始理解 Yarn 的劣势及其解决的问题。

Yarn 的长处？

  • 速度快。速度快次要来自以下两个方面：
  1. 并行装置：无论 npm 还是 Yarn 在执行包的装置时，都会执行一系列工作。npm 是依照队列执行每个 package，也就是说必须要等到以后 package 装置实现之后，能力持续前面的装置。而 Yarn 是同步执行所有工作，进步了性能。
  2. 离线模式：如果之前曾经装置过一个软件包，用 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 的输入信息比拟简短。在执行 npm install <package> 的时候，命令行里会一直地打印出所有被装置上的依赖。相比之下，Yarn 简洁太多：默认状况下，联合了 emoji 直观且间接地打印出必要的信息，也提供了一些命令供开发者查问额定的装置信息。
  • 多注册起源解决：所有的依赖包，不论他被不同的库间接关联援用多少次，装置这个包时，只会从一个注册起源去装，要么是 npm 要么是 bower, 防止出现凌乱不统一。
  • 更好的语义化：yarn 扭转了一些 npm 命令的名称，比方 yarn add/remove，感觉上比 npm 本来的 install/uninstall 要更清晰。

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

npm 的将来：npm5.0

有了 yarn 的压力之后，npm 做了一些相似的改良。

  1. 默认新增了相似 yarn.lock 的 package-lock.json；
  2. git 依赖反对优化：这个个性在须要装置大量外部我的项目（例如在没有自建源的内网开发），或须要应用某些依赖的未公布版本时很有用。在这之前可能须要应用指定 commit_id 的形式来管制版本。
  3. 文件依赖优化：在之前的版本，如果将本地目录作为依赖来装置，将会把文件目录作为正本拷贝到 node_modules 中。而在 npm5 中，将改为应用创立 symlinks 的形式来实现（应用本地 tarball 包除外），而不再执行文件拷贝。这将会晋升装置速度。目前 yarn 还不反对。

总结

在 npm5.0 之前，yarn 的劣势特地显著。然而在 npm 之后，通过以上一系列比照，咱们能够看到 npm5 在速度和应用上的确有了很大晋升，值得尝试，不过还没有超过 yarn。

综上我集体的倡议是如果你曾经在集体我的项目上应用 yarn，并且没有遇到更多问题，目前齐全能够持续应用。但如果有兼容 npm 的场景，或者身处在应用 npm，cnpm，tnpm 的团队，以及还没有切到 yarn 的我的项目，那当初就能够试一试 npm5 了。

作者：Simbawu
链接：https://www.jianshu.com/p/254…
起源：简书
著作权归作者所有。商业转载请分割作者取得受权，非商业转载请注明出处。

退出移动版