记录 `node_modules` 修改文件并通过 `npm install` 自动下载

使用patch-package记录并自动应用node_modules修改
最新推荐文章于 2025-01-03 10:37:19 发布
原创 最新推荐文章于 2025-01-03 10:37:19 发布 · 318 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#npm #前端

文章介绍了如何使用npm插件patch-package来记录对node_modules中模块的修改，并在`postinstall`脚本中自动应用这些修改。通过npxpatch-package模块名可以创建修改记录，而package.json的scripts配置能确保团队成员在执行npminstall时自动应用已有的修改。

记录 node_modules 修改文件并通过 npm install 自动下载

安装插件
	npm i patch-package
	npm install patch-package
修改及记录

  1. 直接修改 node_modules 中的模块 xxx(模块名)

  2. 记录刚刚修改的模块

	npx patch-package xxx(模块名)

这里会自动在根目录生成一个文件夹，并且会记录修改过的文件

添加自动 install 的命令

在 package.json 中的 scripts 中添加 "postinstall": "patch-package"

在下次其他人通过 npm install 下载的时候就会自动修改你已经修改过的 node_modules 模块了。、

从大佬那边学的搬过来记录一下

Jinyu_Lin
关注
【Vue】下载依赖包node_modules & 打包项目
weixin_48596030的博客
03-09 1万+
Vue下载依赖包node_modules
npm install无法生成node_modules的解决方法
邓邓子的博客
05-11 1万+
目录一、问题描述二、解决方法1.删除 C:\Users\Administrator\AppData\Roaming 路径下的 npm和 npm-cache2 两个文件夹2.安装淘宝 npm 镜像3.检查安装是否成功4.执行 cnpm install 一、问题描述 执行 npm install 无法生成自动创建 node_mudules 目录并生成依赖包。 二、解决方法 1.删除 C:\Users\Administrator\AppData\Roaming 路径下的 npm和 npm-cache2 两个文件
node_modules.zip
06-01
node_modules.zip
下载模块包及安装环境node，npm，vue
Yanfengting的博客
12-06 2025
NPM依赖包版本号~和^的区别 会匹配最近的小版本依赖包，比如1.2.3会匹配所有1.2.x版本，但是不包括1.3.0 会匹配最新的大版本依赖包，比如1.2.3会匹配所有1.x.x的包，包括1.3.0，但是不包括2.0.0 控制面板先去卸载之前的 下载node 0.10 ...
node_modules依赖文件
10-12
nodeJS的依赖包，直接下载后放到项目的node项目文件下面即可使用
解决修改了node_modules中的某个依赖中的文件，npm i的时候没有被保存的问题
王等等csdn的博客
10-25 1000
项目中引入了公司内部的封装的依赖，因为一些地方与项目实际需求不符，所以对依赖中的.vue文件做了更改，本地打包都可以，但是如果提交到git，同事npm i的时候，就会被覆盖，如果每次都去找个这个文件，再修改一次就很麻烦。例如，在我的项目中，要修改的模块的文件名为Logo.vue, 我将它复制到src/components/Logo.vue。查了一下说使用patch-package，创建补丁的时候没成功，研究了没整明白就放弃了（有大佬明白的可以告诉小老弟）Logo.vue的引入路径为./Logo.vue。
vue中node_modules中第三方模块的修改使用详解
12-01
但需要注意，直接修改`src`目录下的文件通常是无效的，因为`node_modules`中的模块通常是已经编译和打包过的版本，例如本文提到的`dist/index.js`。 要使修改生效，我们需要重新构建插件。然而，直接在`node_...
npm install项目时报错（即使删除node_modules文件依然报错）
日常笔记/总结/系列知识梳理
08-13 3579
第一步：删除node_modules 第二步(关键部分)：清理缓存 npm cache clean --force 第三步：重新安装 npm install
Vue项目中生成node_modules文件夹的两种常用方法及npm优势
Bertram的博客
01-03 1640
Vue项目中生成node_modules文件夹的两种常用方法及npm优势
node-modules-dependencies-extractor:将依赖项从Javascript项目的node_modules文件夹中提取为引用格式。 此参考格式是一个JSON文件，其中包含键为_name_和_version_的对象数组。 假定node_modules文件夹是由以下命令之一生成的
04-06
假定node_modules文件夹是由以下命令之一生成的： npm install或yarn install 。 输出以下文件： dependency_from_node_modules.json （名称可以覆盖）包含在node_modules文件夹中以参考格式标识的依赖关系。 此...
运行npm install命令的时候会发生什么？
华为云官方博客
04-22 3881
我们日常在下载第三方依赖的时候，都会用到一个命令npm install，那么你知道，在运行这个命令的时候，都会发生什么吗？
npm四种下载方式的区别
m0_63263973的博客
08-08 5656
运行npm install --production或者注明NODE_ENV变量值为production时，不会自动下载模块到node_modules目录中。运行npm install --production或者注明NODE_ENV变量值为production时，会自动下载模块到node_modules目录中。运行 npm install 初始化项目时，会将模块下载到项目目录下。运行 npm install 初始化项目时，会将模块下载到项目目录下。安装模块到项目node_modules目录下。
vue.js下载依赖包node_modules
热门推荐
笑到世界都狼狈的博客
07-18 1万+
当然，在很多时候，我们要拷贝或上传一份vue的代码时，通常会删掉依赖包node_modules, 因为这个包太大了，而且，我们运行项目的时候，如果没有依赖包，重新下载依赖包就可以了，很方便的，接下来给大家介绍介绍具体步骤： 首先我要把项目中的依赖包删掉 可以看到，现在文件夹里已经没有node_modules了。 2.接下来输入命令行：npm install加载依赖包node_modules，如下所示： 等npm install运行结束后，依赖包就已经下载好了，如下图...
npm命令（node.js下载及安装）
2201_75321887的博客
03-17 2222
node.js下载使用npm命令
Node-包管理工具整套下载使用讲解(nvm、npm、yarn、cnpm、pnpm、nrm)
qq_57404736的博客
03-25 4891
node包管理工具的整套使用与讲解，包含了(nvm、npm、yarn、cnpm、pnpm、nrm)等工具的下载使用与常用命令
npm 下载的几种方式
weixin_55833412的博客
03-29 7187
常见的几种npm下载的区别
npm 常用命令
m0_37437840的博客
07-11 515
save-dev或-D意思是把模块版本信息保存到package.json文件中的devDependencies字段中（开发环境依赖）–save或-S意思是把模块的版本信息保存package.json文件中的dependencies字段中（生产环境依赖）–perfer-online: 优先使用网络数据, 如果网络请求失败, 再使用缓存数据。–offline: 不请求网络, 直接使用缓存数据, 一旦缓存不存在, 就安装失败。–perfer-offline: 优先使用缓存, 如果没有则从远程仓库下载。
科学修改node_modules中文件的三种方法
CHANCE_wqp的博客
03-10 2465
在实际项目开发过程中会用到很多第三方包，其中有一些错误或者需要做兼容处理的地方，这时就需要能够在我们的项目中修改特定文件，并把这些修改固定下来，不被install后还原会去。以下介绍三种方法。该方法需额外安装 patch-package，还需执行命令，生成补丁文件。就能在每次执行install命令时将补丁内容替换到node_modules中对应的源文件中。 2、修改项目根目录下的 package.json 文件 执行如下命令 执行该命令后会在项目根目录中自动创建一个 patches 文件夹，该文件夹中就会出
修改 node_modules后打补丁patch-package
weixin_45449046的博客
03-24 534
直接在 node_modules 的 某 文件（需要修改的文件）修改内容，修改完之后执行 patch 命令，生成 补丁。当你修改完提交后，每次npm i 时，就会把补丁文件内容放到对应 node_modules 的包中。此时会在根目录生成patches文件夹，A文件即为补丁文件。
npm install express文件没有显示node_modules
最新发布
07-05
<think>我们正在解决用户的问题：执行`npm install express`后没有生成`node_modules`文件夹。根据引用内容，这通常与package-lock.json文件或缓存问题有关。我们将提供清晰的解决步骤。</think>### 解决 npm install express 后未生成 node_modules 文件夹的问题 当执行 `npm install express` 后未生成 node_modules 文件夹时，通常由以下原因导致，请按顺序排查： #### 🛠 解决方案步骤： 1. **清除 npm 缓存** 运行命令清理缓存： ```bash npm cache clean --force ``` 2. **删除 package-lock.json** 手动删除项目根目录下的 `package-lock.json` 文件： ```bash rm package-lock.json # Linux/Mac del package-lock.json # Windows ``` 3. **重新安装并指定保存** 使用 `--save` 标志强制生成依赖树： ```bash npm install express --save ``` 4. **检查项目权限** 确保对项目目录有写入权限（特别是 Linux/Mac 系统）： ```bash sudo chown -R $(whoami) ./ # 修复权限问题 ``` 5. **验证 npm 版本** 升级 npm 到最新版排除版本缺陷： ```bash npm install -g npm@latest ``` #### ⚠ 关键注意事项： - **全局安装 vs 本地安装** 若使用 `-g` 参数（如 `npm install -g express`），node_modules 会安装在**全局目录**而非当前项目。通过 `npm root -g` 查看全局路径。 - **package.json 状态** 确保 `package.json` 中存在 `dependencies` 字段，若文件损坏可手动添加： ```json { "dependencies": { "express": "^4.18.2" } } ``` - **磁盘空间检查** 使用 `df -h` (Linux/Mac) 或检查驱动器属性 (Windows) 确认磁盘空间充足。 #### 💡 预防措施： 1. 始终通过 `npm init` 初始化项目 2. 避免手动修改 `package-lock.json` 3. 定期运行 `npm update` 更新依赖 > 实测案例：某用户执行 `npm cache clean --force` + 删除 `package-lock.json` 后，再运行 `npm install express --save` 成功生成 node_modules[^2]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值