前端构建流程与包管理工具npm与yarn的区别
目录
前端构建流程
yarn与npm的区别
1.yarn的速度快
2.更简洁的输出
3.多注册来源处理
前端构建流程
- 首先需要准备好node和npm/yarn，安装较简单，自行搜索；
-
进行 初始化npm/yarn，在接下来进入到项目的路径下，创建项目文件夹，执行：create-react-app my-app
-
此时文件夹已创建完成，进入到路径中，依次执行
yarn与npm的区别
npm和yarn都是包管理工具，都可以安装包和模块，大家都应该用过这两个包管理工具，用npm后会生成一个package-lock.json的文件，用yarn过后会生成一个yarn.lock的文件。
1.yarn的速度快
并行安装：npm和 yarn 在执行包的安装时，都会执行一系列任务。npm 是按照队列执行每个 package，必须要等到当前 package 安装完成之后，才能继续后面的安装。而yarn 是同步执行所有任务，提高了性能。
离线模式：如果之前已经安装过一个软件包，用yarn再次安装时之间从缓存中获取，就不用像npm那样再从网络下载了。
安装版本统一:为了防止拉取到不同的版本，yarn 有一个锁定文件 记录了被确切安装上的模块的版本号。每次只要新增了一个模块，yarn 就会创建（或更新）yarn.lock 这个文件,每一次拉取同一个项目依赖时，使用的都是一样的模块版本;npm 其实也有办法实现处处使用相同版本的 packages，但需要开发者执行 npm shrinkwrap 命令,通过 shrinkwrap 命令生成 npm-shrinkwrap.json 文件，只有当这个文件存在的时候，packages 版本信息才会被记录和更新。
2.更简洁的输出
npm 的输出信息比较冗长。在执行 npm install 的时候，命令行里会不断地打印出所有被安装上的依赖。相比之下，yarn 简洁太多：默认情况下，结合了 emoji直观且直接地打印出必要的信息，也提供了一些命令供开发者查询额外的安装信息。
3.多注册来源处理
所有的依赖包，不管他被不同的库间接关联引用多少次，安装这个包时，只会从一个注册来源去装，要么是 npm 要么是 bower, 防止出现混乱不一致。
好像官网更新了，也可以使用yarn来初始化脚手架，命令如下
yarn create umi myapp
yarn是一个包管理器，可以极大地减少 install 的时间和失败的概率，并且完全兼容 npm。