npm、yarn与pnpm详解

这篇具有很好参考价值的文章主要介绍了npm、yarn与pnpm详解。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

🔥 npm、yarn与pnpm详解

🔖 一、npm

npm、yarn与pnpm详解,npm,前端,node.js,pnpm,yarn

🔍 简介
npm是随Node.js一起安装的官方包管理工具,它为开发者搭建了一个庞大的资源库,允许他们在这个平台上搜索、安装和管理项目所必需的各种代码库或模块。

🚀 常用命令

  • npm install:安装package.json中声明的所有依赖项。
  • npm install <package-name>:安装指定名称的包。
  • npm uninstall <package-name>:移除指定名称的包。
  • npm update:更新所有已安装包至最新版本。
  • npm update <package-name>:更新指定包至最新版本。
  • npm start:执行package.json中的"start"脚本。

🎯 特点
npm作为最早的JavaScript包管理器,坐拥庞大的社区和海量资源,尽管在处理大型项目时的安装速度和性能上可能不如后起之秀Yarnpnpm理想。


🔖 二、Yarn

npm、yarn与pnpm详解,npm,前端,node.js,pnpm,yarn

🔍 简介
Yarn是由Facebook开发的一款JavaScript包管理工具,旨在优化npm的部分性能和安全性问题。

🚀 常用命令

  • yarn install:安装package.json中列举的依赖。
  • yarn add <package-name>:添加指定名称的包。
  • yarn remove <package-name>:删除指定包。
  • yarn upgrade:全局更新所有包至最新版。
  • yarn upgrade <package-name>:更新指定包至最新版本。
  • yarn start:执行package.json中的"start"脚本。

🎯 特点
Yarn通过并行下载和缓存技术提升了安装速度,增强了依赖关系的安全性保障。


🔖 三、pnpm

npm、yarn与pnpm详解,npm,前端,node.js,pnpm,yarn

🔍 简介
pnpm是另一种广受欢迎的JavaScript包管理器,其独特之处在于采用了名为 硬链接 的安装策略,从而极大地节省磁盘空间。

🚀 常用命令

  • pnpm install:安装package.json文件中列出的所有依赖项。
  • pnpm add <package-name>:安装指定包。
  • pnpm remove <package-name>:卸载指定包。
  • pnpm upgrade:升级所有已安装包至最新版本。
  • pnpm upgrade <package-name>:升级指定包至最新版本。
  • pnpm run <script-name>:执行package.json中scripts字段下指定的脚本。

🎯 特点
pnpm借助硬链接技术,在保证与npmyarn命令集类似的同时,大大提升了磁盘空间的使用效率。

🔖 四、差异比较

  • 性能:相较于npmYarnpnpm在处理大型项目时通常表现出更快的安装速度。
  • 磁盘空间pnpm通过硬链接技术,相较于npmyarn能更有效地节约磁盘存储空间。
  • 安全性Yarn因其严谨的依赖解析策略而被视作比npm更为安全的选择。
  • 兼容性npm作为最早的包管理工具,拥有最为广泛的支持和兼容性优势。

🔖 五、深入了解

💻 npm

工作原理npm的工作原理基于递归非循环依赖树模型,每个项目都有一个node_modules目录,其中包含了项目直接依赖和间接依赖的所有模块。每次安装新的包时,npm会遍历依赖树并创建相应的子目录来存放每个依赖包。

缓存机制npm有本地缓存机制,用于加快重复安装的速度,但它并不像Yarn那样强制一致性的全局缓存。当多个项目共享相同依赖时,这些依赖可能会在每个项目的node_modules目录下单独复制一份。

锁定文件npm从5.0版本开始引入了package-lock.json文件,用于锁定安装时的具体依赖版本,确保跨环境和团队成员间的依赖一致性。然而,在处理依赖树时,npm遵循的是扁平化原则,即尽可能地把所有依赖放在同一层级,这可能导致在大型项目中node_modules目录非常庞大。

🧶 Yarn

工作原理Yarn同样遵循依赖树模型,但在安装过程中采用了一种更高效的方法。它不仅有一个全局缓存,而且在安装新包时,如果发现缓存中有匹配的包,则直接复用,而非重新下载。此外,Yarn同时处理多个依赖包的下载和安装,显著提高了安装速度。

一致性保证Yarn通过yarn.lock文件实现严格的版本控制,这个文件精确记录了每一个依赖包及其依赖链的具体版本,确保不同环境下项目构建的一致性。Yarn在处理依赖时也采取扁平化策略,但在处理冲突时有更好的解决方案。

📦 pnpm

工作原理pnpm创新性地使用了硬链接(hard link)和符号链接(symlink)技术,这使得同一个依赖在磁盘上仅存储一份,多个项目共用此唯一副本。这种机制通过store(存储)目录集中管理所有的包版本,极大程度上减少了磁盘空间的占用。

高效的安装与卸载pnpm在安装时能够识别出哪些包已经存在于全局存储中,并通过硬链接指向它们,而非复制文件。在卸载时,由于没有物理文件的移动,所以速度极快,同时避免了不必要的磁盘空间浪费。

锁定文件pnpm使用pnpm-lock.yaml文件锁定依赖版本,该文件同样提供了强大的版本控制能力。pnpm的独特之处还在于它能更好地处理深层依赖场景,尤其是当项目存在大量共享依赖时,其带来的性能提升尤为明显。


📚总结

特性/工具 npm Yarn pnpm
工作原理 递归地安装所有依赖到node_modules目录下 构建扁平化的依赖树并优化安装过程 使用单个全局存储层和符号链接来减少磁盘空间占用
安装方式 npm install yarn add/install pnpm install
缓存机制 本地缓存每个项目的依赖 共享缓存,保证多个项目间的依赖版本一致 共享存储层缓存,避免重复下载
安装速度 相对较慢,尤其在网络不佳时 快于npm,支持并行安装 更快,充分利用磁盘空间和网络资源
磁盘空间占用 每个项目下的node_modules有完整副本,占用较多空间 同一依赖只在全局缓存一份 利用符号链接进一步减少磁盘占用
锁定文件 package-lock.json yarn.lock pnpm-lock.yaml
依赖一致性 通过package-lock.json实现一定的依赖版本控制 强制一致,每次安装都会严格按照yarn.lock文件 同样强制一致,基于pnpm-lock.yaml
离线模式 支持,但需先下载过相关包 提供强大的离线模式 也支持离线安装
网络策略 单线程请求 多线程并行请求 多线程并行请求,智能网络调度
安全性 通过npm audit检查依赖的安全性 同样具有审计功能,检查安全漏洞 支持安全审计
交互界面 提供基本的命令行交互 更友好的CLI,提供进度条等反馈 CLI体验良好,同样提供进度显示
生态系统 最大,兼容性最好 兼容npm的所有特性,并额外增强了一些功能 对npm生态完全兼容,但在大型项目中有更好表现
特色功能 npx,用于执行一次性命令;npm ci用于快速、可靠的持续集成环境构建 更加严格的版本控制,改进的冲突解决策略;workspaces支持多包管理 针对monorepo设计,高效的多包管理和tree shaking能力

以上表格涵盖了这些包管理器的主要特性对比,实际使用中还可能涉及其他细节上的差异。

  • 性能🌟 Yarnpnpm在安装速度方面优于npm,尤其对于大型项目和频繁安装的情况。💥 pnpm在磁盘空间占用上表现最佳。
  • 一致性🔒 三者都支持依赖版本锁定,但Yarnpnpm在这方面更为严格,能有效防止因依赖版本不一致引发的问题。
  • 生态🌳 npm拥有最大的生态系统,但由于Yarnpnpm的高度兼容性,大多数npm包都可以无缝迁移到这两个工具上。

在实际项目中,开发者可以根据项目的具体需求和团队偏好选择合适的包管理器。对于小型项目或者初次接触Node.js生态的新手,npm 可能是入门的最佳选择;而对于需要高效管理大型项目和依赖的大团队,Yarnpnpm 则可能带来更高的效率和更好的资源管理效果。

npm、yarn与pnpm详解,npm,前端,node.js,pnpm,yarn文章来源地址https://www.toymoban.com/news/detail-857436.html

到了这里,关于npm、yarn与pnpm详解的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 包管理工具详解npm 、 yarn 、 cnpm 、 npx 、 pnpm(2023)

    Node Package Manager,也就是Node包管理器; 但是目前已经不仅仅是Node包管理器了,在前端项目中我们也在使用它来管理依赖的包; 比如vue、vue-router、vuex、express、koa、react、react-dom、axios、babel、webpack等等; npm属于node的一个管理工具,所以我们需要先安装Node; node管理工具:

    2024年02月13日
    浏览(47)
  • 你真的知道 NPM、Yarn 与 PNPM 这三个前端包管理器之间的区别吗?

    在当代的Web开发过程中,JavaScript项目的构建离不开各种外部依赖,无论是实用的库、辅助工具还是其他类型的资源。这些依赖项的管理,已经成为了开发者日常不可或缺的一部分。NPM、Yarn和PNPM这三个包管理器,就像是开发者的得力助手,它们在项目开发中扮演着至关重要的

    2024年04月13日
    浏览(48)
  • 包管理工具 nvm npm nrm yarn cnpm npx pnpm详解

    npm、cnpm、yarn、pnpm、npx、nvm的区别:https://blog.csdn.net/weixin_53791978/article/details/122533843 npm、cnpm、yarn、pnpm、npx、nvm的区别:https://blog.csdn.net/weixin_53791978/article/details/122533843 包管理工具:npm、npx、yarn、cnpm、pnpm:https://blog.csdn.net/March_Q__/article/details/126675476 包管理工具详解npm 、

    2024年02月12日
    浏览(40)
  • 包管理工具那么多,怎么选?npm、yarn 和 pnpm 三者比较及使用详解!

    在 Vue 项目中,我们需要使用许多第三方依赖库,如 Vue Router、Vuex、Axios、Element UI 等等。这些依赖库通常以 NPM 包的形式提供,而且在使用时需要进行版本管理。因此,我们需要使用一个包管理工具来统一管理这些依赖库,避免版本冲突和管理繁琐。 常见的 Vue 项目包管理工

    2024年02月07日
    浏览(59)
  • 前端npm, yarn, pnpm下载速度太慢,设置国内镜像源的几种方式,让其速度飞起来

     一、说明 在前端开发的时候使用国外的镜像源速度很慢并且容易下载失败,有时候需要尝试多次才有可能下载成功,很麻烦,因此可以切换为国内镜像源,下面为常用的npm,yarn,pnpm切换国内镜像源(以淘宝为例)的方式。  二、NPM切换镜像源 1. 查看当前的镜像源。 ``` npm c

    2024年02月10日
    浏览(68)
  • 前端环境的安装 Node npm yarn

    1.下载NodeJS安装包 下载地址:Download | Node.js 2.开始安装 打开安装包后,一直Next即可。当然,建议还是修改一下安装位置,NodeJS默认安装位置为  C:Program Files 3.验证是否安装成功 打开DOS命令界面: node -v   出现NodeJS版本即为安装成功! npm -v    出现npm的版本号说明npm工具也

    2024年02月06日
    浏览(71)
  • nvm, node.js, npm, yarn 安装配置

    nvm 是一个 node.js 管理工具,可以快捷下载安装使用多个版本的node.js linux 命令行输入: 卸载: 删除 ~/.bashrc 文件中的 windows 点击 github 链接 windows-releases, 下载下方红框中的exe文件安装即可 卸载找到安装目录中的uninstall文件即可 node.js 是 js 文件的运行环境 linux windows npm, yarn

    2024年01月20日
    浏览(65)
  • Pnpm,npm,yarn

    npm   最初的npm只是简单的通过依赖去递归安装包,所以说每个依赖都会有自己的node_modules,node_modules是嵌套的。一个项目会存在多个包,多个包之间难免会有公共的依赖,node_modules嵌套的话,这样公共依赖就会下载多次。会造成磁盘空间的浪费,较长的下载时间,文件路径过

    2024年02月09日
    浏览(51)
  • npm、yarn、pnpm

    一、简介 CommonJS 的出现,使 node 环境下的 JS 代码可以用模块更加细粒度的划分。一个类、一个函数、一个对象、一个配置等等均可以作为模块,这种细粒度的划分,是开发大型应用的基石。 为了解决在开发过程中遇到的常见问题,比如加密、提供常见的工具方法、模拟数据

    2024年02月10日
    浏览(56)
  • 前端环境安装【mac/window,nvm,node,npm,yarn,react】

    目录 nvm:node版本管理器 安装 window mac 常见命令 Node、npm yarn React a.全局方式 b.临时方式 运行 nvm 主要是用来管理 nodejs 和 npm 版本的工具,可以用来切换不同版本的 nodejs。 安装nvm之前先卸载node Mac彻底卸载node Windows系统完全卸载删除 Node.js_卸载nodejs命令-CSDN博客z window mac n

    2024年01月18日
    浏览(77)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包