NPM vs Yarn ?(工具类)

2017-09-22 本文已影响55人枫之伊信

一、Bower

Bower大部分情况下用于前端开发，bower 能依据配置文件自动下载相关依赖，非常方便，这也是推荐使用 bower 的原因之一，对于CSS/Js模块等内容进行依赖。依赖的下载目录结构可以自定义。

根目录下的bower_components文件夹内。

bower.json

Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。

$ bower install --save-dev ocLazyLoad -g

二、NPM

NPM主要运用于Node.js项目的内部依赖包管理，安装的模块位于项目根目录下的node_module文件夹内。

Package.json详解

npm install 命令根据这个配置文件，配置信息（比如名称、版本、许可证等元数据）。
例如：本地开发安装（npm install -save-dev）是在开发时要用的依赖。

//全局安装
npm install -g webpack

//安装到你的项目目录
npm install --save-dev webpack

提示：加上--save-dev参数不仅会在本地安装需要的包，而且会把依赖添加到package.json中，供别人同步代码的时候使用。

注：很多项目 bower 和 npm 都用，那是因为要用 bower 管理前端的包，而用 npm 去管理一些后端的包和构建工具。

三、Yarn

Yarn 是由 Facebo，google，Exponent 和 Tilde 制作的一种新的JavaScript 软件包管理器。可以在官方公告上看到，其目的是解决团队在 npm 面临的问题，即

1）安装包不足够快/连续
2）有安全隐患，npm 允许安装包执行代码

npm与yarn对比

离线模式（重要）
依赖关系确定性（重要）
更好的网络性能

在 npm，这些任务按顺序并且在每个包中都执行，意味着它将会在一个包完全安装的时候才跳到下个包。
yarn 则并行的执行这些任务，提高了性能。
使用 npm 和 yarn 安装 express 包。总共安装了 42 个包。

npm: 9 秒
yarn: 1.37 秒