如何将项目里node_modules的更改保存起来

最新推荐文章于 2024-04-14 14:46:00 发布
最新推荐文章于 2024-04-14 14:46:00 发布
阅读量1.1k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： Vue 文章标签： 前端 npm javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/BeSentimental/article/details/121698142
本文介绍如何使用patch-package包在前端项目中保存并应用对node_modules包的自定义修改，以便于团队协作。通过postinstall脚本和git版本控制实现依赖问题的一致性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在前端项目开发中，我们经常会遇到node_modules里的包有问题，当自己手动更改成正确的后，自己没问题了，但是别人重新npm install时还会有同样的问题，那么如何将node_modules的更改保存到项目中呢，这样别人在生成依赖后能有一个正常的环境

通过：

patch-package
https://www.npmjs.com/package/patch-package

这个包可以在npm install后按照项目里保存的更改自动修改node_modules，非常好用

使用步骤：

一.安装

可以使用npm

npm i patch-package -D

或yarn（postinstall-postinstall 确保在yarn remove时依旧能保持更正代码）

yarn add patch-package postinstall-postinstall

二.设置

安装完后需要给package.json设置postinstall，在安装完node_modules后会自动执行

"scripts": {
  "postinstall": "patch-package"
}

三.使用

修改node_modules的内容
npx patch-package 修改的包名（执行完成后，会在项目目录生成一个文件夹，保存着此次修改的内容）
通过git推到远程仓库，这样其他小伙伴也可以用了

React项目如何对node_modules源码进行修改
leograyu的博客
04-12 677
React项目如何对node_modules源码进行修改：使用patch-package给node_module中的包打补丁，覆盖node_modules第三方依赖包的源码
自嗨node_modules包历史版本保存
08-26
本篇文章将深入探讨如何实现`node_modules`包历史版本的保存以及其重要性。 首先，我们需要了解`npm`的版本管理机制。`npm`提供了`npm version`命令来管理包的版本，包括增加patch、minor和major版本号。同时，`npm...
postinstall
03-18
安装后 验证启动模式 ls / sys / firmware / efi / efivars 连接到阳离子 wifi菜单ping ... 更新系统时间 timedatectl set-ntp true 建立硬盘分区 fdisk / dev / sda：g建立gpt分区表n添加一个新分区初始化初始化默认回车结束结束例如+ 100M，+ 100G，回车 ：w保存分区方案：lsblk查看结果 分区方案efi 500M交换4G / 40G / xxx剩余所有luks加密 格式化分区 fdisk / gdisk：创建类型为EFI系统（EFI系统（在fdisk中）或ef00（在gdisk中）的分区。然后运行mkfs.fat -F32 / dev / <THAT>格式化为FAT32格式。mkfs.ext4 < / dev / root_partition>（根分区，主分区）mksw
多人合作开发时 修改nodemodules该如何保存
Ronaldouy的博客
05-23 359
修该nodemodules包并打补丁
修改node_modules源码，并保存，使用patch-package打补丁，git提交代码后，所有人可以用到修改后的
weixin_47494533的博客
04-14 428
删除node_modules，重新npm install看是否成功。在 package.json 文件中的 scripts 中加入。修改你的第三方库的bug等。然后目录会多出一个目录文件。
vue修改node_modules中的文件后续安装依旧保存
MadSnail00的博客
07-14 1234
修改node_modules中的文件
如何保存应用第三方依赖包的改动？
Cyj1414589221的博客
10-10 547
在我们项目开发时，使用的第三方依赖难免会存在问题，这时候给包作者反馈问题或提 PR 不一定能及时被修复，而且我们有可能需要基于它做定制，就需要维护一个改动的版本。第一种方式是 fork 依赖包的源码仓库，自己修改完新发布一个 npm 包，改用我们自己发的包，这种方式适合需要定制或大量改动时采用；另一种方式直接修改 node_modules 下的依赖包代码，但 node_modules 下的改动会被 git 忽略，需要将改动保存起来，可以使用这个包，或者包管理器的 cli 命令yarn patch。
详解如何修改 node_modules 里的文件
11-20
`patch-package`允许你在`node_modules`内修改文件，并自动保存补丁，以便在安装新版本时应用。安装`patch-package`和添加相关配置到`package.json`： ```bash npm i patch-package --save-dev ``` 修改`package....
Python脚本自动化删除旧项目中的node_modules
在脚本运行过程中，用户将有机会指定要保存几周的node_modules。这可能通过命令行参数、交互式菜单或其他形式的用户输入来完成。 从描述中可以看出，该脚本对于处理多个项目中的node_modules清理任务尤其有用，尤其...
PS D:\前端\苍穹外卖\前端源码\苍穹外卖前端源码\project-sky-admin-vue-ts> npm install -g cnpm --registry=https://registry.npmmirror.com --force npm WARN using --force I sure hope you know what you are doing. npm ERR! code EPERM npm ERR! syscall rename npm ERR! path D:\My Software\nvm\nvm\v14.20.1\node_modules\cnpm\node_modules\.make-fetch-happen.DELETE\node_modules\@npmcli npm ERR! dest D:\My Software\nvm\nvm\v14.20.1\node_modules\cnpm\node_modules\make-fetch-happen\node_modules\@npmcli npm ERR! errno -4048 npm ERR! Error: EPERM: operation not permitted, rename 'D:\My Software\nvm\nvm\v14.20.1\node_modules\cnpm\node_modules\.make-fetch-happen.DELETE\node_modules\@npmcli' -> 'D:\My Software\nvm\nvm\v14.20.1\node_modules\cnpm\node_modules\make-fetch-happen\node_modules\@npmcli' npm ERR! [OperationalError: EPERM: operation not permitted, rename 'D:\My Software\nvm\nvm\v14.20.1\node_modules\cnpm\node_modules\.make-fetch-happen.DELETE\node_modules\@npmcli' -> 'D:\My Software\nvm\nvm\v14.20.1\node_modules\cnpm\node_modules\make-fetch-happen\node_modules\@npmcli'] { npm ERR! cause: [Error: EPERM: operation not permitted, rename 'D:\My Software\nvm\nvm\v14.20.1\node_modules\cnpm\node_modules\.make-fetch-happen.DELETE\node_modules\@npmcli' -> 'D:\My Software\nvm\nvm\v14.20.1\node_modules\cnpm\node_modules\make-fetch-happen\node_modules\@npmcli'] { npm ERR! errno: -4048, npm ERR! code: 'EPERM', npm ERR! syscall: 'rename', npm ERR! path: 'D:\\My Software\\nvm\\nvm\\v14.20.1\\node_modules\\cnpm\\node_modules\\.make-fetch-happen.DELETE\\node_modules\\@npmcli', npm ERR! dest: 'D:\\My Software\\nvm\\nvm\\v14.20.1\\node_modules\\cnpm\\node_modules\\make-fetch-happen\\node_modules\\@npmcli' npm ERR! }, npm ERR! errno: -4048, npm ERR! code: 'EPERM', npm ERR! syscall: 'rename', npm ERR! path: 'D:\\My Software\\nvm\\nvm\\v14.20.1\\node_modules\\cnpm\\node_modules\\.make-fetch-happen.DELETE\\node_modules\\@npmcli', npm ERR! dest: 'D:\\My Software\\nvm\\nvm\\v14.20.1\\node_modules\\cnpm\\node_modules\\make-fetch-happen\\node_modules\\@npmcli', npm ERR! parent: 'cnpm' npm ERR! } npm ERR! npm ERR! The operation was rejected by your operating system. npm ERR! It's possible that the file was already in use (by a text editor or antivirus), npm ERR! or that you lack permissions to access it. npm ERR! npm ERR! If you believe this might be a permissions issue, please double-check the npm ERR! permissions of the file and its containing directories, or try running npm ERR! the command again as root/Administrator. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\liuchaokun\AppData\Roaming\npm-cache\_logs\2025-07-29T11_03_42_433Z-debug.log
最新发布
07-30
例如，引用[3]中提到的路径：`C:\Program Files\nodejs\node_modules\cnpm`，如果存在，请手动删除（可能需要管理员权限）。 ### 相关问题推荐 1. 如何解决Node.js在Windows系统中的权限问题？ 2. 使用nvm管理Node...
postinstall-prepare
05-06
安装后准备 在此软件包的postinstall脚本中运行应用程序的prepare npm脚本。 为什么 在yarn ， yarn install和yarn add <package>之后，Yarn会运行prepare脚本，但是在yarn remove <package>之后不会运行。 如果将此程序包添加到项目中，即使将yarn remove <package> ，它也将执行项目的prepare钩子。 这要求您的prepare脚本是幂等的，因为它将针对yarn ， yarn install和yarn add <package>运行两次
修改node_modules源码，并保存，使用patch-package打补丁
前端蜗牛君
06-21 1830
首先，我们能想到的思路是直接修改第三方库的代码，不过这会带来团队协作的问题，你的改动需要同步到团队所有成员，比较麻烦。好在，我们可以使用 patch-package 这个库来解决这类问题。一方面，它能记录第三方库代码的改动，另一方面也能将改动同步到团队每个成员。我们以vue常用的 iview 组件库做实验，先安装一下： 我们随便修改一行，打开某个文件 在slot后面加了个test，然后我们希望这行修改的代码，在npm install重新安装组件库的时候仍存在。如何实现呢？ 2、修改脚本 package.js
修改了node_modules的文件打包后不生效
海风依旧
11-19 6022
问题：修改了node_modules的文件打包后不生效。原因是我们修改的虽然是源码，并且在我们本地测试的时候生效，但我们打包后引用的是node_modules编译打包后的文件
“postinstall“: “patch-package“ 修补安装包补丁
hktkkkk的博客
03-21 2229
目录的情况下对安装的 npm 包进行修补（即，应用补丁）。这在您需要对依赖的包进行小修改以修复错误或更改功能时非常有用，但出于某种原因（例如，等待官方修复或是不兼容的版本问题）您不能或不想升级到新版本。目录中的所有补丁到相应的包上。目录并重新安装依赖之后，您的更改也仍然会被应用。来创建一个补丁文件。这个命令会在项目的根目录下创建一个。是一个钩子脚本，它在每次运行。安装所有依赖包之后，自动运行。文件夹，里面包含了修改的补丁。允许用户在不直接修改。这里是如何在项目中使用。如果使用 Yarn。
vuejs项目如何修改node_mudule为公用文件？
草巾冒小子的博客
07-30 5902
vuejs修改node_mudule默认路径，多项目开发，可减少内存浪费 最近整理之前做过的项目的时候，发现转移的资源内存太大？！ 查看了一下，发现之前每次都是单独引入vuejs、element-ui等等前端框架。 上手了之后，发现之前的这种做法，太浪费内存了，而且管理起来也不方便。 这里总结一下：将所有项目的vuejs和element-ui等通用框架部分...
NodeJS 的 Postinstall
10-05 6616
其实基本无需理会 Postinstall，因为默认下 MeanJS 的 Postinstall 是 false "scripts": { "start": "grunt", "test": "grunt test", "postinstall": "bower install --...
如何优雅的自动修改node_modules 中的依赖包内容？
qq_41220477的博客
06-12 1484
背景简介：我们在使用第三方依赖包时如果遇到了 bug，通常解决的方式都是绕过这个问题，使用其他方式解决，较为麻烦。等待的时间不可控，此时就可以借助 patch-package 自己动手去修复该 bug，感觉是不是很棒。并且还可以在第三方依赖包上，根据业务需求扩展能力，但是问题在于，每当我们重新拉取项目时，需要重新对应修改，很是麻烦。给开发者提供了通过打“补丁”的方式，使得重新安装依赖包时能够保留之前对第三方依赖包的修改的一种解决方案。中的文件进行修改，即可启动项目，正常启动。中的文件为例，生成相应补丁。
如何postinstall优雅地更改node_modules里的包
飞翔的熊blabla
05-22 1372
在前端项目开发中，我们经常会遇到node_modules里的包有问题，当自己手动更改成正确的后，自己没问题了，但是别人重新npm install时还会有同样的问题，那么如何将node_modules的更改保存到项目中呢，这样别人在生成依赖后能有一个正常的环境 通过： patch-package​www.npmjs.com/package/patch-package正在上传…重新上传取消 这个包可以在npm install后按照项目里保存的更改自动修改node_modules，非常好用 使用步骤：
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值