yarn 和 yarn install_前端工程师应该知道的yarn知识

本文介绍了前端开发中常用的包管理工具yarn,内容包括registry的含义、依赖版本的写法、不同类型的依赖、缓存机制、yarn.lock文件的重要性、yarn install的执行过程、模块扁平化管理以及常用yarn命令的解析。
摘要由CSDN通过智能技术生成
cce5eaaaca7de54d73772aec5347a0ad.gif c394b0b02040d6f29334cc240645e623.gif

点击蓝字 「前端小苑」关注我

2d62c4a146d2ffeaafd4ebfb6fc57254.png 本文概要 yarn 是在工作中离不开的工具,但在工作中,很多人基本只会使用 yarn install ,而且会手动删除 node-modules ,或删除 yarn.lock 文件等不规范操作。本文将从一些基础的知识点开始介绍,循序渐进的让你对 Yarn 有一个更深入的了解,来保证规范的使用yarn,避免一些隐藏bug的产生。 本文主要介绍以下知识:

1. 什么是registry

2. 依赖的版本含义及写法

3. 依赖类型及区别(devDependences,devDependences,peerDependences, optionalDependencies,bundledDependencies)

4. 缓存介绍

5. yarn.lock 文件作用及介绍

6. yarn install 安装依赖的过程

7. 依赖关系树的模块扁平化

8. 常用的 yarn 命令介绍

55704f6cae17605dffe9bff9a86da740.png 什么是registry registry 是 模块仓库提供了一个查询服务,也就是我们常说的源。 以yarn官方镜像源为例,它的查询服务网址是 https://registry.yarnpkg.com 。 这个网址后面跟上模块名,就会得到一个 JSON 对象,里面是该模块所有版本的信息。 比如,访问 https://registry.npmjs.org/vue ,就会看到 vue 模块所有版本的信息。 registry 网址的模块名后面,还可以跟上版本号或者标签,用来查询某个具体版本的信息。 https://registry.yarnpkg.com/vue/2.6.10 25e3e0ec6159d79e46625fe1544bdf8b.png  25e3e0ec6159d79e46625fe1544bdf8b.png  上面返回的 JSON 对象里面,有一个dist.tarball属性,是该版本压缩包的网址。 dist.shasum 属性相当于hash值,在lock和缓存时会使用到,下文会提到。
dist: {
       "shasum": "a72b1a42a4d82a721ea438d1b
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值