【Vue】patch-package 基本使用,给修改的 node_modules 下源码“打补丁”

【TCN回归预测】TCN时间卷积神经网络数据回归预测(多输入单输出)【含Matlab源码 2317期】 TCN时间卷积神经网络数据回归预测 完整的代码,方可运行;可提供运行操作视频!适合小白! 阅读详情

需求场景

修改 node_modules 本地跑代码在多人开发项目时,重新 npm install 之后代码会把本地的代码覆盖,这里需要增加一个打包补丁解决。

使用方法

1.安装

npm install patch-package --save-dev

2.新增脚本命令

修改 package.json,新增命令 "postinstall": "patch-package",如图:

image

3.执行命令

npx patch-package 修改的文件夹名字 此处文件夹名字指 node_modules 中下的文件夹名。

比如如:npx patch-package pdfjs-dist 这里的 pdfjs-dist 就是我们修改的文件的主文件夹名。

4.生成补丁

命令执行结束后查看根目录下是否生成了 patches 文件夹,如图:

image

5.npm install 验证

在项目里 npm install 验证,是否有补丁包的提示,有就表示打补丁成功!

image

参考文章

如何解决 “vue-pdf” 中预览出现 印章无法展示 中文无法展示乱码情况 详解vue-pdf问题解决及patch-package简介

100天精通Python(爬虫篇)——第114天:爬虫基础模块之requests基础入门 一、request模块大总结 1. 下载安装 2. 常用属性或方法 3. response.text和response.content的区别: 4. 发送带headers参数请求 5. 发送带参数请求 6. 在headers参数中携带cookie 7. 超时参数timeout的使用 8. proxies代理参数的使用 9. 发送post请求............... 阅读详情

相关推荐

给MATLAB安装runtime插件

输入你刚刚下载压缩包的位置(小白提示:在 此电脑 中找到压缩包位置,右键属性复制位置)(!设置好以后然后填写下面输出exe文件的信息,包括文件的名字、作者、Email、公司、概述、描述,下面还可以选择额外的安装选项,exe文件运行需要的其他文件(图像、子程序等)、提供给用户的文件(readme.txt等)(很多方法是官网下载,但在官网下载还是会版本不对应,所以直接在你所用的MATLAB里搜索安装链接最靠谱)(!5.可以打包程序了(你发送文件的人电脑里没有MATLAB也可以查看运行你的程序了)

Pei_hua100的专栏 1万+

Vue中 引入使用 patch-package 为依赖打补丁 (以修改 vue-pdf 打包后 [hash].worker.js 路径问题为例)

patch-package npm地址patch-package github文档如果不需要在生产中运行 npm (如:正在制作 web 前端,则可使用 --save dev)

明天也要努力的博客 4537

Surface Pro 4/5/6/7保姆级黑苹果安装:从Windows分区到OC引导配置全流程(含EFI文件替换避坑)

本文详细介绍了在Surface Pro 4/5/6/7上安装黑苹果的全流程,包括Windows分区、OC引导配置和EFI文件替换等关键步骤。通过实战经验分享,帮助用户避开常见陷阱,实现Windows与macOS双系统完美共存,特别适合对黑苹果安装感兴趣的Surface Pro用户。

weixin_30300225的博客 1378

利用patch-package补丁,解决H5预览PDF时电子签章不显示问题

成功解决了移动端H5电子票PDF预览中的电子签章不显示问题。通过引入patch-package工具,可以在生产环境中有效地对第三方库进行补丁修改,但是此种补丁方法要求对应依赖版本,也就是说项目所对应的PDFJS库版本更改后,很可能会导致补丁不生效或者需要重新生成补丁。所有一般采用固定版本号对应补丁。需求考虑项目是否强依赖于库更新。本文由博客一文多发平台OpenWrite发布!

MoYu的博客 1648

手把手教你用UNet实现轨道缺陷检测(附RSDDs数据集下载与完整代码)

本文详细介绍了如何使用UNet模型实现轨道缺陷检测,包括RSDDs数据集的下载与处理、UNet架构的改进与优化、训练策略设计以及模型部署的全流程。通过实战案例,展示了如何利用深度学习技术提升工业质检效率,特别适合从事工业缺陷检测和图像处理的开发者参考。

dapp9builder的博客 749

嵌入式Linux Qt应用程序卡死问题分析记录

根据应用和系统层面的分析,软件功能异常和卡死现象的原因是系统控制台/dev/console阻塞导致依赖其的相关应用和命令异常。系统控制台/dev/console阻塞的原因还未确定,最近的软件版本和其他测试同事未出现该问题,所以很大可能是串口线的问题,待后续有进展了继续更新。

V10_x的博客 1648

patch-package的使用总结

例子:在reactNative中,我们的node_modules中的react-native经常会报错,例如修改node_modules 的react-native包ViewPropTypes error。有时使用了某个第三方库,可是它有些问题,我们不得不修改它的源码。我们可能不方便给原作者提。,因为他们可能不愿意接受我们的更改。3、你的 node_modules 文件夹中的某个包的文件进行修改,然后运行。时,原先的修改会丢失。这时候我们可以使用打补丁的方式。2、修改package.json。

xiaoerduo123x的博客 1286

CH582低功耗实战:从1.2mA降到5uA,我的蓝牙广播功耗优化笔记

本文详细记录了沁恒CH582蓝牙芯片从1.2mA降至5μA的功耗优化全过程。通过建立基准测试环境、分层排查软件配置与IO状态、精细调优射频参数以及硬件层面的电源管理,实现了极致的低功耗表现。文章还提供了实用的功耗测量方法和典型问题排查指南,为蓝牙设备开发者提供了宝贵的参考经验。

weixin_30368405的博客 573

vue-pdf 打包后无法预览问题修复【填坑日记】

vue-pdf 打包预览失败 Warning: DocException - expected a valid Error.

a514659173的博客 5256

YOLOv8【第十一章:视频追踪与流处理篇·第3节】匈牙利算法(Hungarian Algorithm)与 KM 算法匹配机制详解!

🏆 本文收录于 《YOLOv8实战:从入门到深度优化》 专栏。该专栏系统复现并梳理全网各类 YOLOv8 改进与实战案例(当前已覆盖分类 / 检测 / 分割 / 追踪 / 关键点 / OBB 检测等方向),坚持持续更新 + 深度解析,质量分长期稳定在 97 分以上,可视为当前市面上 覆盖较全、更新较快、实战导向极强 的 YOLO 改进系列内容之一。

**My Coding Family** 450

实验7:机器学习油田产量预测-代码数据-完整代码数据可直接运行-计算机毕设

实验7:机器学习油田产量预测-代码数据-完整代码数据可直接运行-计算机毕设

机器学习深度学习业余选手 479

H5 vue-pdf 使用方法 复制粘贴直接用

【代码】H5 vue-pdf 使用方法 复制粘贴直接用。

q4717529的博客 3413

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

【patch-package】修改node_modules下的依赖包源码

这是npm官网上对patch-package的说明,其意思就是可以让大家立即对npm依赖的源码进行自定义修改。其实大多数时候是不需要自己去改依赖源码的,毕竟大多数情况你写的代码肯定没别人作者自己写得好,但是遇到bug了,自己去及时改还是可以的

qq_39404437的博客 4988

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

修改node_modules源码,并保存,使用patch-package打补丁

首先,我们能想到的思路是直接修改第三方库的代码,不过这会带来团队协作的问题,你的改动需要同步到团队所有成员,比较麻烦。好在,我们可以使用 patch-package 这个库来解决这类问题。一方面,它能记录第三方库代码的改动,另一方面也能将改动同步到团队每个成员。我们以vue常用的 iview 组件库做实验,先安装一下: 我们随便修改一行,打开某个文件 在slot后面加了个test,然后我们希望这行修改的代码,在npm install重新安装组件库的时候仍存在。如何实现呢? 2、修改脚本 package.js

前端蜗牛君 1953

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

修改node_modules源码,使用patch-package打补丁

修改node_modules源码,并保存,使用patch-package打补丁

m0_66908041的博客 820

使用patch-package自动修改node_modules中的内容/打补丁

在使用VuePress搭建个人博客的过程中,我需要使用到一个用来复制代码块的插件uepress-plugin-nuggets-style-copy。问题:插件可以正常安装,但是启动会报错。通过查看错误信息,定位是插件中的copy.vue文件出现错误,在网上查找方法,发现是通过打补丁修改插件源码的方式来解决报错的问题。

Vivien_CC的博客 1575

Vue修改node_modules中的第三方插件代码(后续npm install依旧保留该修改)

有时在开发过程中,如果node_modules 中我们使用的第三方插件有bug (作者又没有提供相应的API供我们扩展修改,提了issue也没人管)或者本身不满足我们的地方, 我们需要更改node_modules 依赖包中的源码时,为了不更改后,别人或者自己重新install 时, 导致我们的更改丢失,我们需要用到patch-package。(魔改的同时,也局限了升级的能力,尽量还是去提issue)

山有木兮木有枝 心悦君兮君不知 5330

如何修改node_modules源码

我们在开发时,经常遇到需要修改node_modules源码的场景,我们希望修改后的源码下次安装时还可以使用,并让团队的其他成员也能看到。我们可以使用打补丁的方式轻松实现这个目的。在slot后面加了个test,然后我们希望这行修改的代码,在npm install重新安装组件库的时候仍存在。如何实现呢?

HouYing 2721

vue修改node_modules打补丁步骤和注意事项_node_modules 打补丁

这里的 pdfjs-dist 就是我们修改的文件的主文件夹名。可以看到依赖包在安装完之后会执行postinstall命令。

2301_82241698的博客 1276

源码补丁神器—patch-package

这令人沮丧,因为已经编写了许多特定于此依赖项的代码,如果替换依赖库,这些代码很可能会被浪费。安装成功后查看之前修改的 node_modules 依赖包中的文件,查看修改的代码是否依然存在,如果之前修改代码依然存在即表明补丁文件已经生效,如果你之前修改的代码不存在即表明补丁文件没有生效。后几种方法都比较复杂,并且会导致项目臃肿,更容易忘记自己修改了源码的哪个部分,而且更新麻烦,每次都需要手动去更新代码,无法与插件同步更新。问题已定位到,要修改显示电子签章的代码是在node_modules的依赖包中。

JDDTechTalk的博客 1590

patch-package打补丁

如何修改node_modules源码?首先,我们能想到的思路是直接修改第三方库的代码,不过这会带来团队协作的问题,你的改动需要同步到团队所有成员,比较麻烦。好在,我们可以使用patch-package这个库来解决这类问题。一方面,它能记录第三方库代码的改动,另一方面也能将改动同步到团队每个成员。我们以vue常用的iview组件库做实验,先安装一下:npm install ...

文摘资讯 1698

vue如何对node_modules源码进行修改,对第三方依赖包源码修改

vue如何对node_modules源码进行修改,对第三方依赖包源码修改

m0_61663332的博客 4528

Cypress 仓库的补丁管理机制:patch-package 如何管理、注入并验证 node_modules 补丁

Cypress 是一个大型 Lerna/Yarn monorepo,其构建产物(Electron 二进制 + 随包发布的运行时依赖)中有相当一部分第三方包无法由团队直接控制。本文基于仓库内 [guides/patch-package.md](https://link.gitcode.com/i/176bda4ef7f8676d3ea9759d176b1b0c) 指南,完整讲清楚 Cypress 修

gitblog_00909的博客 1027

如何修改node_modules源码??

轻松实现修改node_modules源码,打补丁

lidaima的博客 1090

修改node_modules里的源码

所以在node_modules下面的vue-qr文件夹的dist文件夹下面的vue-qr.js搜索…把node_modules的vue-qr文件夹拷贝一份放到和项目的package.json同层级,然后把这个vue-qr文件夹下面的dist文件夹的vue-qr.js的…这个时候再重新npm install 发现node_modules下面的vue-qr文件夹下面的dist文件夹下的vue-qr.js的文件也被修改了,就会在工程中出现一个patches的文件夹,里面存储的就是修改的对比文件内容。

瓜皮伦的博客 1036

【node_modules】打补丁-修改node_modules源码

修改node_modules源码

wxlll123的博客 630
上一篇: 【Vue】vue-pdf 库第三方签章不显示的解决方法
下一篇: 【Element】el-form-item 下 slot="label" 使用 el-tooltip 不显示的问题
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值