前端问题总结

一、npm和yarn的区别

npm问题：

• npm install的时候巨慢。特别是新的项目拉下来要等半天，删除node_modules，从新install的时候依旧如此。
• 同一个项目，安装的时候没法保持一致性。因为package.json文件中版本号的特色，下面三个版本号在安装的时候表明不一样的含义。
• 安装的时候，包会在同一时间下载和安装，中途某个时候，一个包抛出了一个错误，可是npm会继续下载和安装包。由于npm会把全部的日志输出到终端，有关错误包的错误信息就会在一大堆npm打印的警告中丢失掉，而且你甚至永远不会注意到实际发生的错误。

“Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ，Yarn 是为了弥补 npm 的一些缺陷而出现的。
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 要更清晰。