如何postinstall优雅地更改node_modules里的包

最新推荐文章于 2025-03-18 10:33:50 发布
最新推荐文章于 2025-03-18 10:33:50 发布
阅读量1.3k 收藏
点赞数
分类专栏： html js jquery css 文章标签： npm vue.js 前端
原文链接：https://zhuanlan.zhihu.com/p/457214686
版权
在前端开发中遇到node_modules包错误时，可以使用patch-package工具来保存和自动应用修改。安装patch-package和postinstall-postinstall，修改包内容后运行npx patch-package命令，将更改保存。将改动提交到git，其他开发者在安装依赖后也会应用这些修复。

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

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

通过：

patch-package​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推到远程仓库，这样其他小伙伴也可以用了
【腾宇】postinstall-postinstall配合patch-package重写node_modules的依赖方法
qq_23334071的博客
03-13 6469
1、本地安装依赖（postinstall-postinstall、patch-package） npm i patch-package postinstall-postinstall --save-dev or yarn add patch-package postinstall-postinstall 2、修改package.json 在package.json 的scripts中加入 { "postinstall": "patch-package" }，这是npm的一个钩...
如何修改node_modules里的代码
weixin_46504400的博客
07-10 1514
多半是没有找对文件，例如 我们修改的是 lodash里面的某个API，一般我们先找个 lodash里的 package.json 文件，然后看 main（入口文件） 的指向，如果没有 package.json 文件，那应该就是默认的 index。这种很好懂，就是直接进 node_modules 中，找到那个包的代码，并修改对应的地方的代码，然后重启项目，就能达到我想要的效果。如果在，就说明补丁生效了。其实这个时候你本地已经使用到了你修改后的代码了，但问题是怎么让你的同事也同步到你的修改后的代码。
“postinstall“: “patch-package“ 修补安装包补丁
hktkkkk的博客
03-21 2014
目录的情况下对安装的 npm 包进行修补（即，应用补丁）。这在您需要对依赖的包进行小修改以修复错误或更改功能时非常有用，但出于某种原因（例如，等待官方修复或是不兼容的版本问题）您不能或不想升级到新版本。目录中的所有补丁到相应的包上。目录并重新安装依赖之后，您的更改也仍然会被应用。来创建一个补丁文件。这个命令会在项目的根目录下创建一个。是一个钩子脚本，它在每次运行。安装所有依赖包之后，自动运行。文件夹，里面包含了修改的补丁。允许用户在不直接修改。这里是如何在项目中使用。如果使用 Yarn。
【 node.js 】windows 系统：node版本更换
m0_65041204的博客
03-18 1258
win系统中，已经安装过node.js，现在需要更换node.js版本。
修改node_modules的包
SeriousLose
01-03 1145
为啥要修改 有时候使用npm上的包，发现有bug，我们知道如何修改，但是别人可能一时半会没法更新，或者是我们特殊需求，别人不愿意修改，这时候我们只能自己动手丰衣足食。 那么我们应该如何修改别人的源码呢？首先，直接修改node_modules里面的文件是不太行的，重新安装依赖就没有了。 一般常用办法有两个： 下载别人代码到本地，放在src目录，修改后手动引入。 fork别人的代码到自己仓库，修改后，从自己仓库安装这个插件。 这两个办法的缺陷就是： 更新麻烦，我们每次都需要手动去更新代码，无法与插件
vue修改node_modules中的文件后续安装依旧保存
MadSnail00的博客
07-14 1207
修改node_modules中的文件
NodeJS 的 Postinstall
10-05 6605
其实基本无需理会 Postinstall，因为默认下 MeanJS 的 Postinstall 是 false "scripts": { "start": "grunt", "test": "grunt test", "postinstall": "bower install --...
详解如何修改 node_modules 里的文件
11-20
在这种情况下，直接修改`node_modules`目录中的文件是不可取的，因为一旦重新安装依赖，所做的修改就会丢失。通常有两种常见方法来解决这个问题： 1. **下载源码到本地**：将第三方库的源代码下载到项目的`src`目录...
React项目如何对node_modules源码进行修改
leograyu的博客
04-12 654
React项目如何对node_modules源码进行修改：使用patch-package给node_module中的包打补丁，覆盖node_modules第三方依赖包的源码
科学修改node_modules中文件的三种方法
CHANCE_wqp的博客
03-10 2338
在实际项目开发过程中会用到很多第三方包，其中有一些错误或者需要做兼容处理的地方，这时就需要能够在我们的项目中修改特定文件，并把这些修改固定下来，不被install后还原会去。以下介绍三种方法。该方法需额外安装 patch-package，还需执行命令，生成补丁文件。就能在每次执行install命令时将补丁内容替换到node_modules中对应的源文件中。 2、修改项目根目录下的 package.json 文件 执行如下命令 执行该命令后会在项目根目录中自动创建一个 patches 文件夹，该文件夹中就会出
【javascript】关于patch-package
Riptide
07-31 1016
3, 修改node_modules目录下的源码，我们目前遇到的vue-pdf预览问题，是修改 node_modules\pdfjs-dist\es5\build\pdf.worker.js 这个文件下面的，_this3.setFlags(_util.AnnotationFlag.HIDDEN);这个包的原理是先记录你的改动，install之后，根据这个patches文件改动源信息，去执行脚本更新这个依赖包里面的内容。一个老的vue项目，预览pdf文件的时候，电子签章不显示。运行代码，预览问题已经解决了。
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
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的更改保存起来
BeSentimental的博客
12-03 1161
在前端项目开发中，我们经常会遇到node_modules里的包有问题，当自己手动更改成正确的后，自己没问题了，但是别人重新npm install时还会有同样的问题，那么如何将node_modules的更改保存到项目中呢，这样别人在生成依赖后能有一个正常的环境 通过： patch-package https://www.npmjs.com/package/patch-package 这个包可以在npm install后按照项目里保存的更改自动修改node_modules，非常好用 使用步骤： 一.安装 可以
package.json文件
banqiaochuo7553的博客
12-21 879
转载：http://javascript.ruanyifeng.com/nodejs/packagejson.html 概述 每个项目的根目录下面，一般都有一个package.json文件，定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。npm install命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。 ...
详解package.json文件
Mr_Yan的博客
09-13 3615
JS线程 之所以js中有事件循环，原因就是因为js是单线程的原因 进程与线程区别？JS单线程带来的好处？ 一个进程中可以有多个线程，比如渲染线程、JS 引擎线程、HTTP 请求线程等等。当你发起一个请求时，其实就是创建了一个线程，当请求结束后，该线程可能就会被销毁。 在 JS 运行的时候可能会阻止 UI 渲染，这说明了两个线程是互斥的。这其中的原因是因为 JS 可以修改 DOM，如果在 JS 执行的时候 UI 线程还在工作，就可能导致不能安全的渲染 UI。这其实也是一个单线程的好处，得益于 JS 是单线程运
package.json 关键字说明
slamer的专栏
11-24 3326
无
第二步：本地运行FastGPT
qq_41749069的博客
10-02 594
此时 如果nodejs和react那些没问题的话，项目就能跑起来了；下面，我们进入FastGPT的使用环节。2.修改我们的config.local.json为。1.到官网下载开源代码，根据文档进行下载和修改。我把没用到的模型都删了。
运行npm install 时 postinstall: sill install executeActions，卡住不动
fdyputi的博客
04-25 5542
npm install一直停留在postinstall: sill install executeActions卡住不动，可以使用如下命令设置为淘宝的镜像源： npm config set registry https://registry.npm.taobao.org 使用如下命令检验是否成功：npm config get registry 删除user文件夹下的.npmrc文件 执行npm install
gyp ERR! configure error gyp ERR! stack Error: EACCES: permission denied, mkdir '/root/vue/admin/node_modules/node-sass/.node-gyp' gyp ERR! System Linux 3.10.0-1160.119.1.el7.x86_64 gyp ERR! command "/root/node-v14.15.1-linux-x64/bin/node" "/root/vue/admin/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library=" gyp ERR! cwd /root/vue/admin/node_modules/node-sass gyp ERR! node -v v14.15.1 gyp ERR! node-gyp -v v8.4.1 gyp ERR! not ok Build failed with error code: 1 npm WARN notsup Unsupported engine for node-sass@9.0.0: wanted: {"node":">=16"} (current: {"node":"14.15.1","npm":"6.14.8"}) npm WARN notsup Not compatible with your version of node/npm: node-sass@9.0.0 npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.3 (node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules/webpack-dev-server/node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules/watchpack-chokidar2/node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! node-sass@9.0.0 postinstall: `node scripts/build.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the node-sass@9.0.0 postinstall script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /root/.npm/_logs/2025-04-01T04_39_46_911Z-debug.log
最新发布
04-02
### 关于 `node-sass` 安装失败的原因分析 在 Linux 环境下，当尝试通过 `npm install node-sass` 命令安装依赖时，可能会遇到诸如 `gyp ERR! stack Error: EACCES: permission denied` 的错误。这通常是由以下几个原因引起的： 1. **权限不足**：如果当前用户没有足够的权限访问某些文件夹或执行特定操作，则会触发此错误[^1]。 2. **Node.js 版本不兼容**：`node-sass` 对应的二进制文件可能无法支持所使用的 Node.js 版本。这种情况下，即使解决了权限问题，仍然会出现编译失败的情况。 #### 权限问题解决方案 为了规避因权限不足引发的错误，可以采取以下措施之一来解决问题： - 使用 `--unsafe-perm=true` 参数重新运行命令以允许 npm 在 root 用户模式下安全地处理脚本： ```bash sudo npm install --unsafe-perm=true node-sass ``` - 或者更改全局配置路径到用户的本地目录从而避免使用超级管理员权限： ```bash npm config set prefix ~/.npm-global export PATH=~/.npm-global/bin:$PATH source ~/.profile ``` #### 节点版本适配调整策略 针对节点环境与库之间可能存在冲突的情形，推荐如下几种方式予以应对： - 利用 nvm 工具切换至官方文档建议范围内稳定版次号数接近但不超过最高限定值的 JavaScript 运行时引擎实例； ```bash nvm install 14 && nvm use 14 ``` - 替代方案考虑采用 dart-sass (纯 JS 实现)，它无需额外构建过程即可无缝工作于任何现代 js 平台之上而不会遭遇上述困境影响项目进度效率等方面表现优异得多相对而言更加可靠长久维护下去也更简单方便快捷省心不少麻烦事儿呢！具体做法如下所示代码片段形式呈现出来供大家参考学习借鉴模仿实践应用起来吧朋友们😊： ```javascript const sass = require('dart-sass'); module.exports = function(grunt){ grunt.loadNpmTasks('grunt-sass'); // Project configuration. grunt.initConfig({ sass: { dist: { options: { implementation: sass }, files: {'css/main.css': 'scss/main.scss'} } } }); grunt.registerTask('default', ['sass']); }; ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值