您的位置:首页 > 新闻 > 热点要闻 > 山西省防控疫情最新规定_男性网站推广方法_网络游戏推广员_seo外链专员

山西省防控疫情最新规定_男性网站推广方法_网络游戏推广员_seo外链专员

2025/4/16 13:05:48 来源:https://blog.csdn.net/m0_71349739/article/details/147252449  浏览:    关键词:山西省防控疫情最新规定_男性网站推广方法_网络游戏推广员_seo外链专员
山西省防控疫情最新规定_男性网站推广方法_网络游戏推广员_seo外链专员

需求场景

在Element Plus的el-table组件二次开发中,需新增列显示/隐藏控件功能。直接修改node_modules源码存在两大痛点:

  1. 团队协作时修改无法同步

  2. 依赖更新导致自定义代码丢失

解决方案选型

通过patch-package工具实现:

  • 📦 非侵入式修改第三方依赖

  • ⚡ 自动生成补丁文件(.patch)

  • 🔄 依赖重装时自动应用修改

大致的流程也比较简单:通过命令拷贝一份依赖库的文件项目,然后用户对该拷贝的项目进行修改,然后通过提供的命令对修改后的代码以及原来的代码进行diff,生成一个xxx.patch的文件,对应项目的package.json会有个pnpm.patchedDependencies字段来指向patch文件,之前其他人安装依赖后,会自动使用到该patch

PS!!!: 确保你的pnpm>=v7.11.0

demo版本

一、新建demo文件夹

mkdir patch-democd patch-demopnpm init

完成后得到这样结果

在这里插入图片描述

二、安装依赖

pnpm i normal-tags

完成后得到这样结果
在这里插入图片描述

三、接下来,我们对该库进行自己的一些修改

  1. 首先,执行如下指令:生成一个normal-tags的临时文件夹:
# 注意这里要指定对应的版本
pnpm patch normal-tags@0.0.3You can now edit the following folder: E:\demo\patch-demo\node_modules\.pnpm_patches\normal-tags@0.0.3

在这里插入图片描述
在这里插入图片描述

  1. 然后我们打开生成的这个链接
    E:\demo\patch-demo\node_modules\.pnpm_patches\normal-tags@0.0.3,在里面修改normal-tags的代码

    normal-tags的代码很简单,假设我们要在改方法加上一行打印
    在这里插入图片描述

  2. 修改完成保存后,执行如下指令:

    pnpm patch-commit E:\demo\patch-demo\node_modules\.pnpm_patches\normal-tags@0.0.3
    

    在这里插入图片描述

  3. 然后可以看到项目中生成了一个patches/normal-tags@0.0.3.patch的文件,同时在package.json中也增加了如下配置:

    在这里插入图片描述
    在这里插入图片描述

  4. 然后这就搞定了!查看node_modeles下的is-odd代码,该修改已经加上了,后续别人拿到该项目,重新pnpm i也能得到修改后的代码

源码链接

点击-----github源码仓库 or gitee源码仓库

注意

如果使用window并且使用git-bash的话,文件路径要使用两个\\分割, 如:

pnpm patch-commit  E:\demo\patch-demo\node_modules\.pnpm_patches\normal-tags@0.0.3

tips:

欢迎大家进群交流cursor踩坑日记
在这里插入图片描述

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com