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.rhkb.cn/news/315067.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Intelij Idea Push失败,出现git Authentication failed(验证失败)

目录 1、出现问题的原因 2、解决之法 1、出现问题的原因 能出现这种问题&#xff0c;最主要的原因是链接对上了&#xff0c;但用户验证失败了&#xff0c;即登录失败。 因为服务器转移或者换了git项目链接&#xff0c;导致你忘记了用户名密码&#xff0c;随意输入之后&…

求三个字符数组最大者(C语言)

一、N-S流程图&#xff1b; 二、运行结果&#xff1b; 三、源代码&#xff1b; # define _CRT_SECURE_NO_WARNINGS # include <stdio.h> # include <string.h>int main() {//初始化变量值&#xff1b;int i 0;char str[3][20];char string[20];//循环输入3个字符…

AIGC - SD(中英文本生成图片) + PaddleHub/HuggingFace + stable-diffusion-webui

功能 stable-diffusion(文本生成图片)webui-win搭建&#xff08;开启api界面汉化&#xff09;PaddleHubHuggingFace: SD2&#xff0c;中文-alibaba/EasyNLP stable-diffusion-webui 下载与安装 环境相关下载 python&#xff08;文档推荐&#xff1a;Install Python 3.10.6 …

Ubuntu中的 Everything 搜索软件 ==> fsearch

本文所使用的 Ubuntu 系统版本是 Ubuntu 22.04 ! 在 Windows 中&#xff0c;我经常使用 Everything 来进行文件搜索&#xff0c;搜索效率比 Windows 自带的高出千百倍。 那么在 Ubuntu 系统中&#xff0c;有没有类似的软件呢&#xff1f;那必须有&#xff0c;它就是 FSearch 。…

uniapp app权限说明弹框2024.4.23更新

华为上架被拒绝 用uni-app开发的app&#xff0c;上架华为被拒&#xff0c;问题如下&#xff1a; 您的应用在运行时&#xff0c;未见向用户告知权限申请的目的&#xff0c;向用户索取&#xff08;电话、相机、存储&#xff09;等权限&#xff0c;不符合华为应用市场审核标准。…

C#基础:WPF中常见控件的布局基础

一、用ViewBox实现放缩控件不变 二、布局代码 <Window x:Class"WpfApp1.MainWindow"xmlns"http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x"http://schemas.microsoft.com/winfx/2006/xaml"Title"MainWindow"…

探索矿业数字化平台:实现智能化采矿与管理

随着信息技术的迅猛发展&#xff0c;矿业领域也在逐步实现数字化转型。数字化平台的出现为矿业企业带来了更高效、更智能的采矿与管理方式。本文将探讨矿业数字化平台的意义、特点以及未来发展方向。 ### 1. 数字化平台的意义 传统的矿业生产和管理方式存在诸多问题&#xff…

浏览器渲染机制:重排(Reflow)与重绘(Repaint)以及Vue优化策略

浏览器渲染机制是一个复杂但有序的过程&#xff0c;其目的是将HTML、CSS和JavaScript代码转化为用户可以看到和交互的视觉界面。重排&#xff08;Reflow&#xff09;与重绘&#xff08;Repaint&#xff09;是浏览器渲染过程中对页面元素进行更新的两个重要步骤&#xff0c;理解…

系统设计 --- E2E Test System

系统设计 --- E2E Test System 什么是E2EE2E Architecture Example 什么是E2E E2E&#xff08;端到端&#xff09;测试是一种软件测试方法&#xff0c;旨在模拟真实的用户场景&#xff0c;测试整个应用程序或系统的端到端功能和交互流程。E2E 测试涵盖了从用户界面到后端系统的…

物联网实战--平台篇之(一)架构设计

本项目的交流QQ群:701889554 物联网实战--入门篇https://blog.csdn.net/ypp240124016/category_12609773.html 物联网实战--驱动篇https://blog.csdn.net/ypp240124016/category_12631333.html 一、平台简介 物联网平台这个概念比较宽&#xff0c;大致可以分为两大类&#x…

APP自定义身份证相机(Android +iOS)

基本上同时兼容安卓和苹果的插件都需要付费&#xff0c;这里我找了2个好用的免费插件 1.仅支持安卓&#xff1a;自定义身份证相机&#xff08;支持蒙版自定义&#xff09;&#xff0c;内置蒙版&#xff0c;照片预览&#xff0c;身份证裁剪 - DCloud 插件市场、 2.支持iOS(已测…

【Unity】AssetBundle加载与卸载

unity官方apiAssetBundle-LoadFromFileAsync - Unity 脚本 API 异步加载AB包 using UnityEngine; using System.Collections; using System.IO;public class LoadFromFileAsyncExample : MonoBehaviour {IEnumerator Start(){var bundleLoadRequest AssetBundle.LoadFromFil…

区块链安全应用------压力测试

测试要求&#xff1a; 1. 对以下AccountManager智能合约进行压测(基础要求set函数测试&#xff0c;balanceOf涵为20分加分项)2. 在本地链进行测试&#xff0c;需要监控本地进程的资源使用情况。每个进程的multiOutput属性为Avg3. 需要将每一个更改的配置文件截图&#xff0c;和…

深度解析 Spring 源码:三级缓存机制探究

文章目录 一、 三级缓存的概述二、 三级缓存的实现原理2.1 创建Bean流程图2.2 getBean()2.3 doGetBean()2.4 createBean()2.5 doCreateBean()2.4 getSingleton() 三、 三级缓存的使用场景与注意事项3.1 在实际开发中如何使用三级缓存3.2 三级缓存可能出现的问题及解决方法 一、…

【服务器部署篇】Linux下Ansible安装和配置

作者介绍&#xff1a;本人笔名姑苏老陈&#xff0c;从事JAVA开发工作十多年了&#xff0c;带过刚毕业的实习生&#xff0c;也带过技术团队。最近有个朋友的表弟&#xff0c;马上要大学毕业了&#xff0c;想从事JAVA开发工作&#xff0c;但不知道从何处入手。于是&#xff0c;产…

不可重复读,幻读和脏读

不可重复读一般在读未提交&#xff0c;读已提交这两种隔离级别出现&#xff0c;第一次读和第二次读的数据不一致。 幻读一般在读未提交&#xff0c;读已提交&#xff0c;可重复读出现&#xff0c;原因是第一个事务执行时&#xff0c;第二个事务完成了提交&#xff0c;在第一个…

CISSP通关学习笔记:共计 9 个章节(已完结)

1. 笔记说明 第 0 章节为开篇介绍&#xff0c;不包括知识点。第 1 - 8 章节为知识点梳理汇总&#xff0c;8 个章节的知识框架关系如下图所示&#xff1a; 2. 笔记目录 「 CISSP学习笔记 」0.开篇「 CISSP学习笔记 」1.安全与风险管理「 CISSP学习笔记 」2.资产安全「 CISSP…

网络安全实训Day15

写在前面 电子垃圾&#xff0c;堂堂恢复连载。本来不想分天数梳理了&#xff0c;但是最后要写实训报告&#xff0c;报告里还要有实训日记记录每日学的东西&#xff0c;干脆发这里留个档&#xff0c;到时候写报告提供一个思路。 网络空间安全实训-渗透测试 渗透测试概述 定义 一…

react引入iconfont的svg图标

react引入iconfont的svg图标 本文目录 react引入iconfont的svg图标普通图标通过link引入css组件内引入css使用 svg图标通过script引入js组件内引入js使用 通过封装组件自定义封装组件中调用 通过antd封装使用 普通图标 通过link引入css <link rel"stylesheet" h…

Labelme安装和使用

简介&#xff1a;labelme是图形图像注释工具&#xff0c;它是用Python编写的&#xff0c;并将Qt用于其图形界面&#xff0c;是麻省理工&#xff08;MIT&#xff09;的计算机科学和人工智能实验室&#xff08;CSAIL&#xff09;研发的图像标注工具&#xff0c;人们可以使用该工具…