一文浅析JS包管理工具：yarn

青灯夜游

发布时间：2022-08-09 15:49:51

2745人浏览过

来源于csdn

转载

yarn 和 npm 一样也是 javascript 包管理工具，下面本篇文章就来带大家了解一下yarn包管理工具，希望对大家有所帮助！

一文浅析JS包管理工具：yarn

1. yarn简介

Yarn 是 facebook 发布的一款取代 npm 的包管理工具

速度超快 —— Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。同时利用并行下载以最大化资源利用率，因此安装速度更快
超级安全 —— 在执行代码之前，Yarn 会通过算法校验每个安装包的完整性
超级可靠 —— 使用详细、简洁的锁文件格式和明确的安装算法，Yarn 能够保证在不同系统上无差异的工作

2. yarn安装与更新

2-1 全局安装

通过 npm install -g 全局去安装 yarn 包管理工具，默认安装的版本是 yarn 1 版本

# 全局安装
npm install -g yarn

# 查看yran安装版本
yarn --version

# 显示命令列表
yarn help

2-2 项目安装

在项目中需要使用 yarn 2，可以在项目更目录安装333

“Berry” 是 Yarn 2 发布序列的代号，同时也是我们的代码仓库的名称！

yarn set version berry

2-3 yarn更新

将 yarn 更新到最新版本，yarn 会从我们的网站下载最新的二进制文件，并将其安装在您的项目中

将项目中的包管理工具升级为 Yarn 2，此后如果需要对此 Yarn 2 进行升级，则可以使用 yarn set version latest 进行升级，否则仍是对 Yarn 1 进行操作

yarn set version latest

2-4 安装maste分支最新版

尝试最新的 master 代码分支

yarn set version from sources

可以使用 --branch 参数来指定要安装特定的分支节点

yarn set version from sources --branch 1211

3. 镜像管理

3-1 安装淘宝镜像

修改国内镜像后可以加快软件包安装速度

查看当前使用的镜像

yarn config get registry

添加 yarn 的淘宝镜像

yarn config set registry https://registry.npm.taobao.org -g

# 恢复默认
yarn config set registry http://registry.npmjs.org/

# 安装sass
yarn config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/

3-2 yrm镜像管理

yrm 是管理镜像的工具，可以列出可以使用的镜像，非常方便

安装 yrm

npm install -g yrm

列出可以使用的镜像

yrm ls

使用淘宝镜像

yrm use taobao

测试镜像速度

yrm test taobao

4. yarn使用

4-1 初始化项目

yarn init 用来初始化生成一个新的 package.json 文件

D:\My Study\08-Node.js\02-yarn>yarn init
yarn init v1.22.19
question name (02-yarn): yarn-init
question version (1.0.0):
question description: 初始化配置
question entry point (index.js):
question repository url:
question author (jsx <2738389567@qq.com> (https://github.com/xiaofeilalala)):
question license (MIT):
question private:
success Saved package.json
Done in 29.32s.

{
  "name": "yarn-init",
  "version": "1.0.0",
  "description": "初始化配置",
  "main": "index.js",
  "author": "jsx <2738389567@qq.com> (https://github.com/xiaofeilalala)",
  "license": "MIT"
}

4-2 设置配置项

通过 yarn config 去设置显示删除配置项

yarn config list // 显示所有配置项
yarn config get  //显示某配置项
yarn config delete  //删除某配置项
yarn config set   [-g|--global] //设置配置项

4-3 安装依赖

安装所有依赖

yarn install

强制重新下载所有包

yarn install --force

添加依赖项，会自动更新到 package.json 和 yarn.lock 文件中

# 安装最新版本
yarn add [packageName] 

# 安装指定版本
yarn add [packageName]@

# 安装指定tag版本 beta,next或者latest
yarn add [packageName]@

安装包的精确版本，例如： yarn add foo@1.2.3 会接受 1.9.1 版本，但是 yarn add foo@1.2.3 --exact 只能安装指定 1.2.3 版本

 yarn add [packageName]@ --exact
 yarn add [packageName]@ -E

安装包的次要版本里的最新版，例如：yarn add foo@1.2.3 --title 会接受 1.2.9，但不接受 1.3.0

yarn add [packageName]@ --title
yarn add [packageName]@ -T

4-4 不同依赖类

在一个 Node.js 项目中，package.json 几乎是一个必须的文件，它的主要作用就是管理项目中所使用到的外部依赖包，同时它也是 npm 命令的入口文件

magento(麦进斗)

Magento是一套专业开源的PHP电子商务系统。Magento设计得非常灵活，具有模块化架构体系和丰富的功能。易于与第三方应用系统无缝集成。Magento开源网店系统的特点主要分以下几大类，网站管理促销和工具国际化支持SEO搜索引擎优化结账方式运输快递支付方式客户服务用户帐户目录管理目录浏览产品展示分析和报表Magento 1.6 主要包含以下新特性：•持久性购物 - 为不同的

下载

npm 目前支持以下几类依赖包管理：

dependencies
devDependencies
peerDependencies
optionalDependencies
bundledDependencies / bundleDependencies

dependencies

应用依赖，或者叫做业务依赖，这是我们最常用的依赖包管理对象！它用于指定应用依赖的外部包，这些依赖是应用发布后正常执行时所需要的，但不包含测试时或者本地打包时所使用的包。

devDependencies

开发环境依赖，仅次于 dependencies 的使用频率！它的对象定义和 dependencies 一样，只不过它里面的包只用于开发环境，不用于生产环境，这些包通常是单元测试或者打包工具等，例如gulp, grunt, webpack, moca, coffee等

peerDependencies

同等依赖，或者叫同伴依赖，用于指定当前包（也就是你写的包）兼容的宿主版本。如何理解呢？试想一下，我们编写一个 gulp 的插件，而 gulp 却有多个主版本，我们只想兼容最新的版本，此时就可以用同等依赖（peerDependencies）来指定

optionalDependencies

可选依赖，如果有一些依赖包即使安装失败，项目仍然能够运行或者希望npm继续运行，就可以使用 optionalDependencies。另外optionalDependencies 会覆盖 dependencies 中的同名依赖包，所以不要在两个地方都写

bundledDependencies / bundleDependencies

打包依赖，bundledDependencies 是一个包含依赖包名的数组对象，在发布时会将这个对象中的包打包到最终的发布包里

不指定依赖类型默认安装到 dependencies 里，你也可以指定依赖类型

# 添加到 devDependencies 依赖项
yarn add [package]@[version] --dev
yarn add [package]@[version] -D

# 添加到 peerDependencies 依赖项
yarn add [package]@[version] --peer
yarn add [package]@[version] -P

# 添加到 optionalDependencies 依赖项
yarn add [package]@[version] --optional
yarn add [package]@[version] -O

4-5 升级依赖

根据需要将安装好的依赖包进行升级

# 更新所有软件包
yarn up

# 升级到最新版本
yarn up [packageName]

# 升级到指定版本
yarn up [packageName]@[version]

# 升级到指定tag版本
yarn up [packageName]@[tag]

4-6 删除依赖

从项目中删除依赖项 dependencies，会自动更新 package.json 和 yarn.lock

yarn remove [packageName]

删除 yarn 全局软件包

yarn remove -g [packageName]

4-7 发布模块

yarn publish 用于将当前模块发布到 http://npmjs.com

如果已经注册过，就使用下面的命令登录

yarn login

退出登录 npm 仓库

yarn logout

登录以后，就可以使用 npm publish 命令发布

yarn publish

撤销发布的模块 npm unpublish

# 删除某个版本
yarn unpublish [packageName]@  
# 删除整个npm市场的包
yarn unpublish [packageName] --force

4-8 运行命令

yarn run 用来执行在 package.json 中 scripts 属性下定义的脚本

// package.json
{
  "scripts": {
  "dev": "node app.js",
  "start": "node app.js"
  }
}

yarn 与 npm 一样可以有 yarn start 和 yarn test 两个简写的运行脚本方式

# yarn 执行 dev 对应的脚本 node app.js
yarn run dev 
npm run

yarn start # yarn
npm start # npm

4-9 缓存控制

列出已缓存的每个包

yarn cache list

全局缓存位置

yarn cache dir

清除缓存

yarn cache clean

4-10 模块信息

yarn info 可以用来查看某个模块的最新版本信息

yarn info [packageName] # yarn 
npm info [packageName] # npm

yarn info [packageName] --json # 输出 json 格式
npm info [packageName]  --json # npm

yarn info [packageName] readme # 输出 README 部分
npm info [packageName] readme

更多编程相关知识，请访问：编程视频！！

Javascript的包管理是什么_如何使用npm或yarn？

javascript_包管理工具比较

javascript包管理怎么做_如何使用npm或yarn管理依赖？

什么是javascript包管理器_npm和yarn如何使用？

如何管理javascript依赖_包管理器有何作用？

相关专题

js获取数组长度的方法

在js中，可以利用array对象的length属性来获取数组长度，该属性可设置或返回数组中元素的数目，只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值，也就是长度值。php中文网还提供JavaScript数组的相关下载、相关课程等内容，供大家免费下载使用。

553

2023.06.20

js刷新当前页面

js刷新当前页面的方法：1、reload方法，该方法强迫浏览器刷新当前页面，语法为“location.reload([bForceGet]) ”；2、replace方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，不能通过“前进”和“后退”来访问已经被替换的URL，语法为“location.replace(URL) ”。php中文网为大家带来了js刷新当前页面的相关知识、以及相关文章等内容

374

2023.07.04

js四舍五入

js四舍五入的方法：1、tofixed方法，可把 Number 四舍五入为指定小数位数的数字；2、round() 方法，可把一个数字舍入为最接近的整数。php中文网为大家带来了js四舍五入的相关知识、以及相关文章等内容

731

2023.07.04

js删除节点的方法

js删除节点的方法有：1、removeChild()方法，用于从父节点中移除指定的子节点，它需要两个参数，第一个参数是要删除的子节点，第二个参数是父节点；2、parentNode.removeChild()方法，可以直接通过父节点调用来删除子节点；3、remove()方法，可以直接删除节点，而无需指定父节点；4、innerHTML属性，用于删除节点的内容。

477

2023.09.01

JavaScript转义字符

JavaScript中的转义字符是反斜杠和引号，可以在字符串中表示特殊字符或改变字符的含义。本专题为大家提供转义字符相关的文章、下载、课程内容，供大家免费下载体验。

394

2023.09.04

js生成随机数的方法

js生成随机数的方法有：1、使用random函数生成0-1之间的随机数；2、使用random函数和特定范围来生成随机整数；3、使用random函数和round函数生成0-99之间的随机整数；4、使用random函数和其他函数生成更复杂的随机数；5、使用random函数和其他函数生成范围内的随机小数；6、使用random函数和其他函数生成范围内的随机整数或小数。

990

2023.09.04

如何启用JavaScript

JavaScript启用方法有内联脚本、内部脚本、外部脚本和异步加载。详细介绍：1、内联脚本是将JavaScript代码直接嵌入到HTML标签中；2、内部脚本是将JavaScript代码放置在HTML文件的`<script>`标签中；3、外部脚本是将JavaScript代码放置在一个独立的文件；4、外部脚本是将JavaScript代码放置在一个独立的文件。

656

2023.09.12

Js中Symbol类详解

javascript中的Symbol数据类型是一种基本数据类型，用于表示独一无二的值。Symbol的特点：1、独一无二，每个Symbol值都是唯一的，不会与其他任何值相等；2、不可变性，Symbol值一旦创建，就不能修改或者重新赋值；3、隐藏性，Symbol值不会被隐式转换为其他类型；4、无法枚举，Symbol值作为对象的属性名时，默认是不可枚举的。

551

2023.09.20