使用 patch-package 打补丁修改 npm 包

背景

使用 patch-package 修改npm包uview-plus 的 index.js

希望禁用在 H5 环境下会加载所有组件的一段代码。

修改前:

修改后:

patch-package 介绍

patch-package 是一个 npm 包,允许开发者为已安装的 npm 包创建补丁文件。这样,我们可以轻松管理对这些包的修改,而不会在每次安装依赖时丢失我们的更改。补丁文件存储在项目中(提交到git),并且可以在每次运行安装命令时自动应用。

主要目的就是替代人工修改npm包。同时方便其他人拉取代码安装依赖后文件不一致问题。

操作步骤

安装 patch-package

js 复制代码
yarn add patch-package --dev

定位并修改文件

进入 node_modules/uview-plus 目录,找到 index.js 文件。在这个文件中,找到加载所有组件的相关代码,并将其注释掉。修改完成后,保存文件。

生成补丁

在项目根目录下运行以下命令来生成补丁:

js 复制代码
npx patch-package uview-plus

这一步会在根目录下生成patches目录,需要把这个目录提交到git。

更新 package.json

为了确保补丁在每次安装依赖时都能自动应用,需要在 package.json 中添加一个 postinstall 脚本:

js 复制代码
{
  "scripts": {
    "postinstall": "patch-package"
  }
}

验证修改

运行 yarn install 或者 npm installpatch-package 将自动应用补丁修改npm包。

相关推荐
AronTing3 分钟前
分布式缓存架构优化与实战:从设计到落地
java·后端·面试
陈奕昆6 分钟前
6.1腾讯技术岗2025面试趋势前瞻:大模型、云原生与安全隐私新动向
算法·安全·云原生·面试·腾讯
AronTing7 分钟前
分布式锁深度解析:从原理到实战
java·后端·面试
知其然亦知其所以然7 分钟前
Exchanger 到底能干嘛?99% 的程序员都没用过的 Java API!
java·后端·面试
Cache技术分享7 分钟前
60. Java 类和对象 - 返回类型为类或接口
前端·后端
Morris只会敲命令16 分钟前
CentOS 如何使用截图工具截取命令行操作的图片?
前端·chrome
嘻嘻嘻嘻嘻嘻ys18 分钟前
《Vue 3响应式革命:Proxy机制深度解析与性能优化实战》
前端·后端
superkiki21 分钟前
哈基Diff算法?!,有点意思
前端
11在上班21 分钟前
盘点前端日志采集的几种方式
前端·面试
10年前端老司机21 分钟前
微信小程序wxs
前端·javascript·微信小程序