对于这个问题,我突然被问到的时候,会有一点很不知所措的感觉;虽然我看过一些相关的文章,但是在我的小脑壳中却没有一点印象。

今天，我会从npm和yarn的出现，版本的变化和优化，安装原理和在实践的一些建议等方面，慢慢的来唠唠它们之间的这缓存视频怎样转入相册些事。

早期的npm

其实在最早期的npm版本(npm v2)，npm的设计可以说是非常的简单,在安装依赖的时候会将依赖放到 node_modules文件中; 同时,如果某个直接依赖A依赖于其他的依赖包Bjavascript怎么读,那么依赖B会作为间接依赖,安装到依赖A的文件夹node_modules中,然后可能多个包之间javascript也会有出现同样的依赖递归的,如果项目一旦过大,那么必然会形成一棵巨大的依赖树，依赖包会出现重复,形成嵌套地狱架构师。

那么我们如何去理解"嵌套地狱"呢？

  • 首先,项目的依赖树的层级过于深，如果有问题不利于排查和调试
  • 在依赖的分支中,可能会出现同样版本架构图的相互依赖的问题

那么这样的重复问题会带来什么后果呢？

  • 首先,会使得安装的结果占据了大量的空间javascript怎么读资源,造成了资源的浪费
  • 同时,因为安装的依赖重复,会造成在安装依赖时,安装时间过长
  • 甚至是,因为优先级越小越优先吗目录层级过深,导致文件路径过长,会在windows系统下删除node_modules文件,出现删除不掉的情况

那么, 后面的版本优先级是如何一步步进行优化的呢？后面会陆续的揭晓。

npm or yarn 开发中的一点疑惑

你在实际的开发会不会出现这样的一些情况

  1. 当你项javascript百炼成仙免费阅读目依赖出现问题的时候, 我们二进制转换器会不二进制会是直接删除 node_modules 和 lockfiles依赖, 再重新 npm install,删除大法是否真的好用?这样的使用方案二进制转化为十进制会不会带来什么问题？优先级越小越优先吗
  2. 把所有的依赖包都安架构是什么意思装到dependencies中,对devDependencies 不区分会不会有问题?
  3. 一个项目中, 你使用 yarn, 我使用npm，会不会有缓存清理问题呢？
  4. 还有一个问题, lockfiles 文件 我们提交代码的时候需不需要提javascript什么意思交到仓库中呢？

其实,我对于上面提出的问题也是出于一种一知半解的状态。

所以,世界这么大, 我想去看看这两个兄弟之间到底是有什么关系呢？

npm的安装机制和核心原理

我们可以先来看看 npm 的核心目标

Bring the best of open source to you, your team and your company.

意思是 给你和你的团队、你的公司带来最好的开源库和依赖。 通过这句话,我们可以了解到 npm 最优先级排序重要的一点就是安装和维护依赖。那么，让我们先来看一看npm的安缓存视频在手机哪里找装机制是怎样的呢？

npm的安装机制

下面我们会通过一个流程图来具体学习npm install的安装机制

字节的一个小问题 npm 和 yarn不一样吗？

n二进制八进制十进制十六进制转换pm install执行之后, 首先会检查架构工程师和获优先级调度算法取 npm的配置,这里的优先级为:

项目级的.np二进制mrc文件 > 用户级的 .npmrc文件 > 全局级的 .npmrc > npm内置的 .npmrc 文件

然后检查项目中是否有 package-lock.json文件

  • 如果有, 检查 package-lock.json和 package.json声明的依赖是否一致：

    • 一致, 直接使用package-lock.json中的信息,从网络或者缓存中加载依赖
    • 不一致, 根据上述流程中的不同版本进行处理

  • 如果没有, 那么会根据package.json递归构建依赖树,然后就会根据构建好的依赖去下载完整的依赖资源,在下载的时候,会检查有没有相关的资源缓存:

    • 存在, 直接解压到node_modules文件中
    • 不存在, 从npm远端仓库下载包,校验包的完整性,同时添加到缓存中,解压到 node_modules中

最后, 生成 package-lock.js二进制on 文件优先级是什么意思

其实, 在我们实际的项目开发中，使用npm作为团队的二进制计算器最佳实践: 同一个项目团队,应该保持npm 版本的一致性。

从上面的安装流程,不知道大家注意到了一点没有,在实际的项目开发中,如果每次都去安装对应依赖时,如果相关的依赖包javascript什么意思体积过大或者是依赖于网络,无疑会增加安装的时间成本;那么,缓存在这里的就是一个解决问题缓存文件夹名称的好javascript菜鸟教程办法,后面我们会做具体的介绍。

yarn的出现

yarn 是javascript百炼成仙一个由Facebook、Google、Exponent和Tilde构建的新的JavaScript包管理器。它的出现是为了解决历史上npm的某javascript download些不足(比如n架构图模板pm对于依赖的完整性和一致性的保证,以及npm安装过程中速度很慢的问题)

当npm还处于v3时期的时候,一个叫yarn的包管理工具横空出世.在2016年, npm还没有package-lock.json文件,安装的时候速度很慢,稳定性很差,yarn的出现很好的解决了一下的一些问题:

  • 确定性: 通过yarn.lock等机制,即使是不同的架构是什么意思安装顺序,相同的依赖关系在任何的环境和容器中,都可以以相同的方式安装。(那么,此时的npm v5之前,并没有package-lock.json机制,只有默认并不会使用 npm-shrinkwrap.json)

  • 采用模块扁平化的安装模式: 将不同版二进制怎么算本的依赖包,按照一定的策略，归结为单个版本;以避免创建多个版本造成工程的冗余(目前版本的npm也缓存视频怎样转入本地视频有相同的优化)

  • 网络性能更好: yar二进制八进制十进制十六进制转换n采用了请求排队的理念,类似于并发池连接,能够更好的利用网络资源;同时也引入了一种安装失败的重试机制

  • 采用缓存机制,实现了离线模式 (目前的npm也有类似的实现)

我们可以来看一下 ya优先级最低的运算符是什么rn.lock的结构:javascript菜鸟教程

"@babel/cli@^7.1.6", "@babel/cli@^7.5.5":
  version "7.8.4"
  resolved "http://npm.in.zhihu.com/@babel%2fcli/-/cli-7.8.4.tgz#505fb053721a98777b2b175323ea4f090b7d3c1c"
  integrity sha1-UF+wU3IamHd7KxdTI+pPCQt9PBw=
  dependencies:
    commander "^4.0.1"
    convert-source-map "^1.1.0"
    fs-readdir-recursive "^1.1.0"
    glob "^7.0.0"
    lodash "^4.17.13"
    make-dir "^2.1.0"
    slash "^2.0.0"
    source-map "^0.5.0"
  optionalDependencies:
    chokidar "^2.1.8"

熟悉npm的package-lock.json文件的朋架构图怎么做word友,可能一眼就看到了一些不同; package-locjavascript是干什么的k.json采用的是JSON的结构,而yarn并没有采用这种结构,而是一种自定义的标记方式;我们可以看出新的自定义的方式,也同样保优先级最高的运算符持了高度的可读性。

相比于npm,缓存的视频怎么保存到本地Yarn另一个显著的区别就是yarn.lock的子依赖的版本不是固定的版本。这其实就说明了一个问题: 一个单独的yarn.lock的问题javascript怎么读并不能确定✅node-modules的文件结构,还需要package.json的配合。

其实到了这里,我会有一个问题,如何实现 npm 到 yarn 的切换呢？

这里 我了解到有一个专门的工具synp,javascript百炼成仙它可以将yarn.lock转换为package-lock优先级最高的运算符.json，反之亦然。

这里可以顺带提一嘴,yarn默认采用二进制亡者列车的是perfer-online模式,即优先使用网络资源。如果网络资源请求失败,再去请求缓存数据。

到这里我们应该对yarn有了初步的了解,那我们继续去看一下它的安装机制

yarn的安装机制

上面一小节我们对npm的安装机制有了一些基本javascript download的了解,现在让我们先来简单的看一优先级调度算法下Y二进制转十六进制公式arn的安装理念。

简单来说, Yarn的安装大致分为5个步骤:

字节的一个小问题 npm 和 yarn不一样吗？

检测(checking)javascript百炼成仙免费阅读 —> 解析包(Resolving Packages) —> 获取包(Fe架构师和程序员的区别tching) —缓存文件夹名称-> 链接包(Linking Packages) —> 构建包(Building Packages)

那么接下来我们要开始具体分析这些过程中都做了哪些优先级越小越优先吗事情:

检测包

这一步，最主要的目的就是检测我们的项目中是否存在npm相关的文件,比如package-优先级c语言lock.json等;如果有javascript什么意思,就会有相架构师关的提示用户注意：这些文JavaScript件可能会存在冲突。在架构图怎么制作这一步骤中 也会检测系统OS, CPU等信息。

解析包

这一步会解析依赖树中的每一个包的信息:

首先呢,获取到首层依赖: 也就是我们当前所处的项目中的pa缓存文件夹名称ckage.json定义的depe架构ndencies、devDependencies、optijavascript怎么读onalDependenc架构图怎么制作ie优先级英文s的内容优先级最低的运算符是什么。

紧接着会采用遍历首层依赖的方式来获取包的依赖信息,以及递归查找每个依赖下嵌套依赖的版本信息，并将解析过的包和正在进行解析包呢用Set数据结构进行存储,这样就可以保证同一版本范围内的包不会进行重复的解析:

举个例子
  • 对于没有解析过的包A, 首次尝试从 yarn.lock中获取版本信息javascript怎么读,并且标记为已解析
  • 如果在ya缓存视频在手机哪里找rn.lock中优先级越小越优先吗没有找到包A架构， 则向Registry发起请求获取满足版本缓存视频合并范围内的已知的最高版本的包信息,获取之后将该包标记为已解析。

总之，经过解析包这一步之后呢,我们就已经确定了解析包的具体版本信息和包的下载地址。

字节的一个小问题 npm 和 yarn不一样吗？

获取包

这一步首先我们会检javascript菜鸟教程查缓存中是否有当前依赖的包,同时呢将缓存架构图中不存在的包下载到缓存的目录中。但是这里有一个小缓存视频在手机哪里找问题需要大家思考一下:

比如: 如何架构工程师去判断缓存中有当前的依赖包呢？

其实呢,在Yarn中会根据 cacheFolder+slug+node_modules+pkg.name 生成一个路径;判断系统中是否存在该path,如果二进制存在证明已经有缓存,不用重新下载。这个path也就是依赖包缓存的具体路径。

那么对于没有命中的缓存包呢？在 Yarn 中存在一个Fetch队列,按照具体的规则二进制亡者列车进行网络请求。如果下载的包是一个file协议,或者是相对路径,就说明指向一个本地目录,此时会调用Fetch From Loca缓存视频合并app下载l从离线优先级英文缓存中获取包;否则调用优先级是什么意思 Fetch From External 获取包,最终获取的结果使用 fs.creat优先级排序eWriteStream 写入到缓存目录。

字节的一个小问题 npm 和 yarn不一样吗？

链接优先级包

我们上一步已经把依赖放到了缓存目录,那么下一步,我们应该要做什么事情呢？是不是应该把项目中的依赖复制到node_modu二进制转换器les目录缓存视频在手机哪里找下呢,没错;只不过此时需要遵循一个扁平化的原则。复制依赖之前, Yarn会先解析 peerDepdencies，如果找不到符合要求的peerDepdencies的二进制计算器包,会有 warning提示，并最终拷贝依赖到项目中。

字节的一个小问题 npm 和 yarn不一样吗？
构建包

如果依赖包中存在二进制包需要进行编译，那么会在这一步进行。

千呼万缓存视频变成本地视频唤始出来,这里要插一句话,感谢大家的捧场。 为伊消得人憔悴二进制转换器,最近想的事情比较多,一直拖着实在是不好意思。那我们大家继续来一起整理:

其实,二进制 从大家的评论中我去认真讨论和缓存清理学到了一些新的东西pnmp和Lerna;之后如果时间充裕的话,我也会去研究研究和大伙一起讨论的,感谢大家伙的支持 。

npm的缓存javascript百炼成仙免费阅读机制

回归正题,接下来让我们看来架构师和程序员的区别一下 npm的对于同一个版本的依赖包javascript是干什么的是如何进行本地化缓存的

这是npm缓存视频合并app下载查看本地缓存的命令:

npm config get cache

字节的一个小问题 npm 和 yarn不一样吗？

从图中我们可以看出n架构是什么意思pm配置缓存的位置在 /Users/zhaoxxxx/.npm（mac os 的默认的缓存的位置）当优先级中。

字节的一个小问题 npm 和 yarn不一样吗？

其实你也看到了_cacache的目录有三个文件:

  • content-v2
  • index-v5
  • tmp

其中, content-v2里面存放的优先级最高的运算符是一些二进制的文件。为了使二进制的文件可读,我把文件做了压缩和解压缩处理。

字节的一个小问题 npm 和 yarn不一样吗？

然优先级最高的运算符后把下面的文件进行解压处理就可以得到我们想要的npm的具体的资源:

字节的一个小问题 npm 和 yarn不一样吗？

压缩结果

字节的一个小问题 npm 和 yarn不一样吗？

这里推荐一个 the unarchiver 解压架构工程师缩工具,支持更多的缓存文件夹名称格式,强力推荐。

而在 index-v5文件中呢, 我们使用和刚才一样的操作可以得到一些描述性的文件。

字节的一个小问题 npm 和 yarn不一样吗？

事实上这些内容就是 content-v2 文缓存视频合并app下载件的索引。

那么这里我也有一个问题这里的缓存是如何存储并且被利用的呢？

这里就要提一下 npm install的安装机制, 当 npJavaScriptm 执行的时候,通过 pacote 把相应的包解压到对应的 node_modules下面。(这里顺嘴提一句 pacote感兴趣的可以来一起研究一下细节,我缓存的视频怎么保存到本地目前有点不太能看懂; 大概的思路是结合网络请求和文件读写配置进行本地的缓存写入和生成对应的压缩文件,这里通过对一位大佬文章学习有所得)

npm主要有会有三个javascript是干什么的地方用到 paco缓存视频变成本地视频te:

  • 当你执行 npm install xxx (这时候会通过 pacote.extract 把对应的包解压到对应的node_modules 下面, pacote源码地址: ejavascriptxtract.js)

  • 当你执行 npm cache add xxx (这时候会通过 pacote.tarball 下的 tarballStream往我们之前看到的 _cacache文件下去添加缓存, pacote源码地址: tarballStream）

  • 当你执行 npm pack xjavascript downloadxx 通过 pacote.tarball 下的 _toFi优先级最高的运算符le在当前路径生成优先级排序对应的压缩优先级文件, 源码地址:_toFile )

当npm下载依赖的时候, 先下载架构到缓存当中,缓存清理再解压到我们的项目的 node_modules中。 其实 pacote是依赖 npm-registry-fetch来下载包, npm二进制转十六进制公式-registry-fetch 可以通过设置 cache 字段进行相关的缓存工作。

字节的一个小问题 npm 和 yarn不一样吗？

紧接着呢, 我们在优先级是什么意思每次去安装资源的时候,会根据package-lock.json中的javascript百炼成仙

  • integrity
  • verison
  • name

integrity、verison、name 相关信息会生成一个唯一的key;这个key 就能够对应上 index-v5 目录下的缓存记录; 如果发现有缓存资源,就会去找到 tar 包对应的hash值. 根据 hash再去找缓存中二进制的tar包,然后再次通过 pacote将二进优先级c的任务特点制文件解压缩进我们项目的 node_modules目录中，这样就省去了资源下载的网络开销。

字节的一个小问题 npm 和 yarn不一样吗？

这里javascript菜鸟教程需要注意的是, 这里的缓存策略是在 npm v5开始的,那么在 v5之前呢, 每个缓存模块是在我们之前提到的 ~./npmrc 文件中以模块名的格式直接存储的

存储的优先级最高的运算符格式:{cache}{name优先级是什么意思}{version}。

今天可能坐久了,肚子有点不消化缓存,暂时更新到这里, 谢谢大家的支持与架构师证书厚爱，。

参考资料:

yarn官网

npm-about

前端基础建设与架构 30 讲

npm instal缓存是什么意思l 原理分析

Node.js 包管理器发展史

dep优先级c语言endencies de缓存视频合并vDependencies peerDependencies三者的区别

一文搞懂peerDependencies

[package-lock.json和yarn.lock的包依赖区别]

npm 和 yarn 缓存策略对比

作为前端工程师你真的知道 npm install 原理么？

# 记一次排错经历——npm缓存浅析