一文浅析JS包管理工具:yarn
2022-11-27 21:09:48
279
{{single.collect_count}}
yarn和 npm一样也是 JavaScript包管理工具,下面本篇文章就来带大家了解一下yarn包管理工具,希望对大家有所帮助!

前端(vue)入门到精通课程,老师在线辅导:联系老师
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用

1. yarn简介

Yarnfacebook 发布的一款取代 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/# 安装sassyarn 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 inityarn init v1.22.19question name (02-yarn): yarn-initquestion 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.jsonDone 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 <key> //显示某配置项yarn config delete <key> //删除某配置项yarn config set <key> <value> [-g|--global] //设置配置项
登录后复制

4-3 安装依赖

安装所有依赖

yarn install
登录后复制

强制重新下载所有包

yarn install --force
登录后复制

添加依赖项,会自动更新到 package.jsonyarn.lock 文件中

# 安装最新版本yarn add [packageName] # 安装指定版本yarn add [packageName]@<version># 安装指定tag版本 beta,next或者latestyarn add [packageName]@<tag>
登录后复制

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

 yarn add [packageName]@<version> --exact yarn add [packageName]@<version> -E
登录后复制

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

yarn add [packageName]@<version> --titleyarn add [packageName]@<version> -T
登录后复制

4-4 不同依赖类

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

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] --devyarn add [package]@[version] -D# 添加到 peerDependencies 依赖项yarn add [package]@[version] --peeryarn add [package]@[version] -P# 添加到 optionalDependencies 依赖项yarn add [package]@[version] --optionalyarn add [package]@[version] -O
登录后复制

4-5 升级依赖

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

# 更新所有软件包yarn up# 升级到最新版本yarn up [packageName]# 升级到指定版本yarn up [packageName]@[version]# 升级到指定tag版本yarn up [packageName]@[tag]
登录后复制

4-6 删除依赖

从项目中删除依赖项 dependencies,会自动更新 package.jsonyarn.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]@<version># 删除整个npm市场的包yarn unpublish [packageName] --force
登录后复制

4-8 运行命令

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

// package.json{"scripts": {"dev": "node app.js","start": "node app.js"}}
登录后复制

yarnnpm 一样 可以有 yarn startyarn test 两个简写的运行脚本方式

# yarn 执行 dev 对应的脚本 node app.jsyarn run dev npm runyarn start # yarnnpm start # npm
登录后复制

4-9 缓存控制

列出已缓存的每个包

yarn cache list
登录后复制

全局缓存位置

yarn cache dir
登录后复制

清除缓存

yarn cache clean
登录后复制

4-10 模块信息

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

yarn info [packageName] # yarn npm info [packageName] # npmyarn info [packageName] --json # 输出 json 格式npm info [packageName]--json # npmyarn info [packageName] readme # 输出 README 部分npm info [packageName] readme
登录后复制

更多编程相关知识,请访问:编程视频!!

以上就是一文浅析JS包管理工具:yarn的详细内容,更多请关注php中文网其它相关文章!

回帖
全部回帖({{commentCount}})
{{item.user.nickname}} {{item.user.group_title}} {{item.friend_time}}
{{item.content}}
{{item.comment_content_show ? '取消' : '回复'}} 删除
回帖
{{reply.user.nickname}} {{reply.user.group_title}} {{reply.friend_time}}
{{reply.content}}
{{reply.comment_content_show ? '取消' : '回复'}} 删除
回帖
收起
没有更多啦~
{{commentLoading ? '加载中...' : '查看更多评论'}}