Npm install 原理

一、在执行npm install 的时候发生了什么?

首先安装的依赖都会存放在根目录的node_modules文件夹中,默认采用扁平化的方式安装。并且排序规则是:.bin文件 > @系列 > 字母(abcd)。并且排序的算法是广度优先遍历,在遍历依赖树时,npm会首先处理项目根目录下的依赖,然后逐层处理每个依赖包的依赖,直到所有依赖都被处理完毕。在处理每个依赖时,npm会检查该依赖的版本号是否符合依赖树中其他依赖的版本要求,如果不符合,则会尝试安装适合的版本。

二、扁平化?

当依赖树第一层分别依赖a,b,c。当b依赖于c的时候,理想状态下,会直接关联b和c的关联关系,但是如果b依赖于c,但是c的另一个版本,这时候属于非理想状态下,b就不能直接依赖c,而是去构建属于自己的node-modules。这时候就会产生冗余代码,属于非扁平化。

三、npm install 后续流程
四、npmrc配置文件
复制代码
registry=http://registry.npmjs.org/
# 定义npm的registry,即npm的包下载源

proxy=http://proxy.com:8888/
# 定义npm的代理服务器,用于访问网络

https-proxy=http://proxy.example.com:8888/
# 定义npm的https代理服务器,用于访问网络

strict-ssl=true
# 是否在SSL证书验证错误时退出

cafile=/path/to/cafile.pem
# 定义自定义CA证书文件的路径

user-agent=npm/{npm-version} node/{node-version} {platform}
# 自定义请求头中的User-Agent

save=true
# 安装包时是否自动保存到package.json的dependencies中

save-dev=true
# 安装包时是否自动保存到package.json的devDependencies中

save-exact=true
# 安装包时是否精确保存版本号

engine-strict=true
# 是否在安装时检查依赖的node和npm版本是否符合要求

scripts-prepend-node-path=true
# 是否在运行脚本时自动将node的路径添加到PATH环境变量中
五、package-lock.json 的作用
  1. version 该参数指定了当前包的版本号
  2. resolved 该参数指定了当前包的下载地址
  3. integrity 用于验证包的完整性
  4. dev 该参数指定了当前包是一个开发依赖包
  5. bin 该参数指定了当前包中可执行文件的路径和名称
  6. engines 该参数指定了当前包所依赖的Node.js版本范围

package-lock.json 帮我们做了缓存,他会通过 name + version + integrity 信息生成一个唯一的key,这个key能找到对应的index-v5 下的缓存记录 也就是npm cache 文件夹下的index-v5文件,如果发现有缓存记录,就会找到tar包的hash值,然后将对应的二进制文件解压到node_modeules。

相关推荐
灰灰勇闯IT7 分钟前
Flutter for OpenHarmony:布局组件实战指南
前端·javascript·flutter
⑩-30 分钟前
Vue框架学习
前端·vue.js·学习
a程序小傲34 分钟前
京东Java面试被问:基于Gossip协议的最终一致性实现和收敛时间
java·开发语言·前端·数据库·python·面试·状态模式
小二·36 分钟前
Python Web 开发进阶实战:AI 原生应用商店 —— 在 Flask + Vue 中构建模型即服务(MaaS)与智能体分发平台
前端·人工智能·python
Devlive 开源社区1 小时前
技术日报|推理RAG文档索引PageIndex登顶日增1374星,React视频工具Remotion二连冠进前二
前端·react.js·前端框架
xkxnq1 小时前
第三阶段:Vue 路由与状态管理(第 45 天)(路由与状态管理实战:开发一个带登录权限的单页应用)
前端·javascript·vue.js
方方洛1 小时前
技术实践总结:schema-bridgion:json、xml、yaml、toml文件相互转换
xml·前端·typescript·node.js·json
object not found1 小时前
基于uniapp开发小程序自定义顶部导航栏状态栏标题栏
前端·javascript·小程序·uni-app
We་ct2 小时前
LeetCode 28. 找出字符串中第一个匹配项的下标:两种实现与深度解析
前端·算法·leetcode·typescript
xzl042 小时前
小智服务端chat入口工具调用流程
java·服务器·前端