npm安装机制

最新推荐文章于 2024-08-03 14:23:06 发布
最新推荐文章于 2024-08-03 14:23:06 发布
阅读量685 收藏 4
点赞数 1
分类专栏： 前端 文章标签： javascript npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/h03580/article/details/116021091
版权
本文介绍了npm的优势和缺点，详细解析了npm安装流程，包括检查npmrc文件、构建依赖树及处理缓存的过程，阐述了npm如何优化依赖管理，减少重复安装。
摘要由CSDN通过智能技术生成

npm优劣势

npm安装依赖会优先安装依赖包到当前的项目目录，这样做有两个好处。

  • 不同的项目依赖各成体系
  • 减轻了包作者的API兼容压力

但是这样会有明显的缺陷，两个项目都依赖公共库C，那么公共库C会被安装两次，这也意味着，同一个依赖在我们电脑上会被多次安装

npm安装流程

npm install执行后，会检查并获取npm配置，优先级为

项目级别的.npmrc文件 > 用户级别的.npmrc文件 > 全局的.npmrc文件 > npm内置的.npmrc文件

然后检查项目中是否有package-lock.json文件。
如果有，检查package-lock.json和package.json中声明的依赖是否一致

  • 一致：直接使用package-lock.json中声明的依赖，从缓存或者网络中加载依赖
  • 不一致：各个版本的npm处理方式如图

npm安装流程
如果没有，根据package.json递归构建依赖树，然后根据依赖树下载完整的依赖资源，在下载时会检查是否有相关的资源缓存

  • 存在：将缓存资源解压到node_modules中
  • 不存在：从远程仓库下载资源包，并校验完整性，并添加到缓存，同时解压到node_modules中

最后生成package-lock.j

最低0.47元/天 解锁文章
h03580
关注
专栏目录
npm的装包原理
weixin_45847735的博客
12-22 797
原文：npm安装包原理 前言： 提起npm，大家第一个想到的应该就是 npm install 了，但是 npm install 之后生成的 node_modules大家有观察过吗？package-lock.json 文件的作用大家知道吗？除了 dependencies 和 devDependencies，其他的依赖有什么作用呢？接下来，本文将针对 npm 中的你可能忽略的细节和大家分享一些经验。 npm安装机制： A 和 B 同时依赖 C，C 这个包会被安装在哪里呢？C 的版本相同和版本不同时安装会有
NPM 安装机制
weixin_51232434的博客
02-09 519
npm 模块安装机制简介 作者： 王晓冲 日期： 2022/2/9 npm是 Node 的模块管理器，功能极其强大。它是 Node 获得成功的重要原因之一。 正因为有了npm，我们只要一行命令，就能安装别人写好的模块 。 $ npm install 本文介绍 npm 模块安装机制的细节，以及如何解决安装速度慢的问题。 一、从 npm install 说起 npm install命令用来安装模块到node_modules目录。 $ npm install <p..
清除 npm 缓存命令：npm cache clean
最新发布
学亮编程手记
08-03 1386
请注意,这个命令会清除所有的 npm 缓存,所以请谨慎使用。这个命令将会清除 npm 的本地缓存。
npm 模块安装机制
zwbHUST的博客
05-19 385
1. npm 模块安装机制： 发出npm install命令 查询node_modules目录之中是否已经存在指定模块 若存在，不再重新安装 若不存在 npm 向 registry 查询模块压缩包的网址 下载压缩包，存放在根目录下的.npm目录里 解压压缩包到当前项目的node_modules目录 2. npm 实现原理 输入 npm install 命令并敲下回车后，会经历如下几个阶段（以 npm 5.5.1 为例）： 执行工程自身 preinstall 当前 np
npm模块安装机制
this_is_Azou的博客
11-01 144
npm install和npm update命令，从registry下载压缩包后，都会存放在本地的缓存目录，在Linux和Mac默认是用户主目录下的.npm目录，在windows是%AppData%/npm-cache。（假设此时没有添加npm install参数）从npm3开始默认加入了一个dedupe的过程，会遍历所有节点，逐个将模块放在根节点下面，也就是node_modules的第一层，当发现有重复模块的时候，将其丢弃。在网址后面加上模块名，就会得到一个json对象，里面是该模块的所有版本信息，
npm的lock机制解析
10-16
npm的lock机制是针对npm包管理工具的一种策略，旨在解决由于版本范围指定导致的不同环境和时间下安装依赖不一致的问题。在npm5之前，仅依赖`package.json`文件中的依赖版本范围（如`^2.0.0`），在安装时可能会安装到...
npm和yarn安装机制及缓存
小陈的博客
10-24 264
整理了75个JS高频面试题，并给出了答案和解析，基本上可以保证你能应付面试官关于JS的提问。
npm安装文件
09-27
本篇文章将深入探讨npm安装文件的过程及其背后的机制。 首先，我们要理解npm是如何工作的。当你在命令行输入`npm install`时，npm会根据项目根目录下的`package.json`文件来确定需要安装哪些依赖。`package.json`...
介绍下 npm 模块安装机制
yiyueqinghui的博客
03-06 194
【代码】介绍下 npm 模块安装机制。
npm模块安装机制简介及发包流程
越努力，越幸运！
10-18 728
一、npm是什么？ npm 是 JavaScript 世界的包管理工具，并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码，管理项目依赖关系。 NPM 的思路大概是这样的： ⒈ 买个服务器作为代码仓库（registry），在里面放所有可以被共享的代码 ⒉ 发邮件通知 jQuery、Bootstrap、Underscore 作者使用 npm publish...
介绍下 npm 模块安装机制，为什么输入 npm install 就可以自动安装对应的模块
qingdouxiaohua的博客
05-24 682
npm（Node Package Manager）模块安装机制是Node.js生态系统中非常重要的一部分，它允许开发者轻松管理和安装Node.js项目的依赖项。下面我将详细介绍npm模块的安装机制，以及为什么输入就可以自动安装对应的模块。
npm 清缓存，亲测有效
热门推荐
qq_43896094的博客
03-30 4万+
node.js
npm清除缓存
菜鸟前端程序员
05-18 3548
【代码】npm清除缓存。
npm缓存深度解析：理解、使用与清除指南
2401_85762266的博客
07-02 3450
npm缓存是一个本地存储机制，用于保存已下载的包，以便在将来安装时可以快速访问，无需重新从远程仓库下载。这不仅加快了安装速度，还减少了网络带宽的使用。
npm 清除缓存
qq_34907249的博客
05-27 500
【代码】npm 清除缓存。
npm、yarn、pnpm 清除缓存
S__FUCK的博客
11-21 1376
npm、yarn、pnpm 清除缓存
记录npm清除缓存, 切换镜像源, 删除node_modules
weixin_53866995的博客
10-19 1318
删除node_nodules: rm -rf ./node_modules (powershell) rd /s /q node_modules(cmd)切换镜像源: npm config set registry https://registry.npm.taobao.org。清除缓存: npm cache clean --force。
npm安装 EventBus
04-22
npm是Node.js的包管理器，用于安装和管理JavaScript库和工具。EventBus是一种事件总线机制，用于在应用程序的不同组件之间进行通信。通过EventBus，组件可以发布和订阅事件，实现解耦和灵活的通信方式。 要安装EventBus，可以使用以下命令在终端中运行： ``` npm install eventbusjs ``` 安装完成后，可以在代码中引入EventBus并使用它。以下是一个简单的示例： ```javascript // 引入EventBus const EventBus = require('eventbusjs'); // 订阅事件 EventBus.addEventListener('myEvent', function(data) { console.log('接收到事件：', data); }); // 发布事件 EventBus.dispatchEvent('myEvent', 'Hello, EventBus!'); ``` 上述代码中，我们首先引入了EventBus模块。然后，通过`addEventListener`方法订阅了名为`myEvent`的事件，并定义了事件处理函数。最后，通过`dispatchEvent`方法发布了`myEvent`事件，并传递了一个字符串作为事件数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值