npm、yarn与pnpm详解

🔥 npm、yarn与pnpm详解

🔖 一、npm

在这里插入图片描述

🔍 简介
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

在这里插入图片描述

🔍 简介
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

在这里插入图片描述

🔍 简介
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的独特之处还在于它能更好地处理深层依赖场景,尤其是当项目存在大量共享依赖时,其带来的性能提升尤为明显。


📚总结

特性/工具npmYarnpnpm
工作原理递归地安装所有依赖到node_modules目录下构建扁平化的依赖树并优化安装过程使用单个全局存储层和符号链接来减少磁盘空间占用
安装方式npm installyarn add/installpnpm install
缓存机制本地缓存每个项目的依赖共享缓存,保证多个项目间的依赖版本一致共享存储层缓存,避免重复下载
安装速度相对较慢,尤其在网络不佳时快于npm,支持并行安装更快,充分利用磁盘空间和网络资源
磁盘空间占用每个项目下的node_modules有完整副本,占用较多空间同一依赖只在全局缓存一份利用符号链接进一步减少磁盘占用
锁定文件package-lock.jsonyarn.lockpnpm-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 则可能带来更高的效率和更好的资源管理效果。

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/571733.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

【网页在线小游戏源码】

网页在线小游戏源码 效果图部分源码领取源码下期更新预报 效果图 部分源码 index.html <!DOCTYPE html> <html> <head> <meta http-equiv"Content-Type" content"text/html; charsetUTF-8"> <meta id"viewport" na…

零代码编程:下载的PDF文件自动批量重命名

从arxiv或者一些其他网站下载的PDF文件&#xff0c;标题只是创建时间&#xff0c;看不出里面内容是什么&#xff0c;要一个个打开看非常麻烦。 可以在GPT4中输入提示词&#xff1a; 你是一个Python编程专家&#xff0c;要完成一个编写关于重命名PDF文件的Python脚本的任务&…

Llama-7b-Chinese本地推理

Llama-7b-Chinese 本地推理 基础环境信息&#xff08;wsl2安装Ubuntu22.04 miniconda&#xff09; 使用miniconda搭建环境 (base) :~$ conda create --name Llama-7b-Chinese python3.10 Channels:- defaults Platform: linux-64 Collecting package metadata (repodata.js…

机器学习和深度学习-- 李宏毅(笔记与个人理解)Day22

Day 22 Transformer seqence to seqence 有什么用呢&#xff1f; Encoder how Block work 仔细讲讲Residual 的过程&#xff1f; 重构 Decoder - AutoRegressive Mask 由于是文字接龙&#xff0c;所以无法考虑右边的 info 另一种decoder Encoder to Decoder – Cross Attend…

❤mac使用Idea工具

❤mac使用Idea工具 1、安装 直接跳过&#xff0c;文章有 &#xff08;点击跳转&#xff09; 给自己的mac系统上安装java环境 2、使用 快捷键 Command , 系统首选项 设置Idea连接数据库 打开右侧的database&#xff08;或菜单里&#xff09;连接数据库&#xff0c;根据提…

opencv绘制线段------c++

绘制线段 bool opencvTool::drawLines(std::string image_p, std::vector<cv::Point> points) {cv::Mat ima cv::imread(image_p.c_str()); // 读取图像&#xff0c;替换为你的图片路径 cv::Scalar red cv::Scalar(0, 0, 255); // Red color int thickness 2;// 遍…

Vue3 超前版发布,全面拥抱 JSX/TSX

拥抱 JSX/TSX? 我们都知道 Vue 一直主流是使用 template 模板来进行页面的编写。而就在最近,Vue3 的超前项目 Vue Macros 中,发布了 defineRender、setupComponent、setupSFC 这些新的 API,这代表了,以后 Vue3 有可能可以全面拥抱 JSX/TSX 了!! 说这个新 API 之前,我…

2024江苏省考申论新说刷题系统班

2024江苏省考申论新说刷题系统班&#xff0c;针对江苏省考特色&#xff0c;精准指导考生刷题备考。课程系统全面&#xff0c;深入剖析申论题型&#xff0c;提供实战演练机会。通过科学刷题&#xff0c;考生能迅速提升申论能力&#xff0c;为江苏省考成功上岸打下坚实基础。 下…

LangChain的核心模块和实战

主要模型 LLM:对话模型, 输入和输出都是文本Chat Model: 输入输出都是数据结构 模型IO设计 Format: 将提示词模版格式化Predict: langchain就是通过predict的方式调用不同的模型, 两个模型的区别不大, Chat Model 是以LLM为基础的.Parese: langchain还可以对结果进行干预, 得…

Python检测网页文本内容屏幕上的坐标

&#x1f47d;发现宝藏 前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。【点击进入巨牛的人工智能学习网站】。 Python 检测网页文本内容屏幕上的坐标 在 Web 开发中&#xff0c;经常需要对网页上的文本内…

STM32标准库ADC和DMA知识点总结

目录 前言 一、ADC模数转换器 &#xff08;1&#xff09;AD单通道 &#xff08;2&#xff09;AD多通道 二、DMA原理和应用 &#xff08;1&#xff09;DMA数据转运&#xff08;内存到内存&#xff09; &#xff08;2&#xff09;DMAAD多同道&#xff08;外设到内存&#x…

pnpm install报错 Value of “this“ must be of type URLSearchParams

执行pnpm install的时候就报错Value of “this” must be of type URLSearchParams 由于之前执行没有出现过这个问题&#xff0c;最近在使用vue3所以使用了高版本的node&#xff0c;怀疑是node版本的问题。 解决&#xff1a; 检查node版本 node -v当前使用的是20.11.0的 修改…

银行业ESB架构:构建安全高效的金融信息交换平台

在金融行业&#xff0c;信息交换是银行业务运作的核心。为了实现不同系统之间的数据交互和业务流程的协同&#xff0c;银行通常采用企业服务总线&#xff08;ESB&#xff09;架构。本文将探讨银行业ESB架构的设计理念、关键技术以及实践经验&#xff0c;帮助银行构建安全高效的…

Matlab|基于元模型优化算法的主从博弈多虚拟电厂动态定价和能量管理

1 主要内容 该程序复现《基于元模型优化算法的主从博弈多虚拟电厂动态定价和能量管理》模型&#xff0c;建立运营商和多虚拟电厂的一主多从博弈模型&#xff0c;研究运营商动态定价行为和虚拟电厂能量管理模型&#xff0c;模型为双层&#xff0c;首先下层模型中&#xff0c;构建…

Golang | Leetcode Golang题解之第47题全排列II

题目&#xff1a; 题解&#xff1a; func permuteUnique(nums []int) (ans [][]int) {sort.Ints(nums)n : len(nums)perm : []int{}vis : make([]bool, n)var backtrack func(int)backtrack func(idx int) {if idx n {ans append(ans, append([]int(nil), perm...))return}…

网络安全新挑战:通用人工智能(AGI)等级保护指南

通用人工智能&#xff08;AGI&#xff09;的发展现状及趋势 随着2023年大语言模型应用的划时代突破&#xff0c;以ChatGPT为杰出代表的此类技术犹如一股洪流&#xff0c;彻底颠覆了人类与机器智能交互的疆界&#xff0c;引领通用人工智能&#xff08;AGI&#xff09;步入一个崭…

GAN详解,公式推导解读,详细到每一步的理论推导

在看这一篇文章之前&#xff0c;希望熟悉掌握熵的知识&#xff0c;可看我写的跟熵相关的一篇博客https://blog.csdn.net/m0_59156726/article/details/138128622 1. GAN 原始论文&#xff1a;https://arxiv.org/pdf/1406.2661.pdf 放一张GAN的结构&#xff0c;如下&#xff1…

为AI电脑生态注入强悍动力,安耐美PlatiGemini 1200W高性能电源

在DIY攒机的过程中&#xff0c;电源是非常重要的一环&#xff0c;现在高性能的硬件功耗往往很高&#xff0c;因此一款优秀的电源整个系统稳定运行的基石。最近&#xff0c;我发现一款由安耐美&#xff08;Enermax&#xff09;推出的PlatiGemini 1200W电源&#xff0c;它不仅满足…

CSS渐变色理论与分类、文字渐变色方案、炸裂渐变色方案以及主流专业渐变色工具网站推荐

渐变色彩可以增加视觉层次感和动态效果&#xff0c;使网页界面更加生动有趣&#xff0c;吸引用户注意力。另外&#xff0c;相较于静态背景图片&#xff0c;CSS渐变无需额外的HTTP请求&#xff0c;减轻服务器负载&#xff0c;加快页面加载速度&#xff1b;同时CSS渐变能够根据容…

Ant Design Vue + js 表格计算合计

1.需要计算的数量固定&#xff08;如表1&#xff0c;已知需要计算的金额为&#xff1a;装修履约保证金 装修垃圾清运费出入证工本费 出入证押金 这四项相加&#xff0c;可以写成固定的算法&#xff09;&#xff1a; 表格样式&#xff1a; <h4 style"margin: 0 0 8px…
最新文章