使用npm或yarn 下载依赖,修改依赖的源码后,怎样重新更新或下载依赖后,修改的源码能够生效

背景:

    因为开源官方组件没有某些功能,这个时候我们必须要修改源码加上我们自己的功能。

    解决此问题,我们使用  patch-package  来实现

具体步骤如下:

1、安装 patch-package

npm i patch-package --save-dev 或 yarn add patch-package postinstall-postinstall -D

需要注意:不用使用cnpm,因为不支持,还有初始化项目的时候,也不能使用cnpm,不然是安装不上 patch-package 的

2、修改package.json,新增命令postinstall:

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

如图

 3、修改node_modules里面的代码,然后保存,最后执行命令:

执行命令:npx patch-package vxe-table  或者  yarn patch-package vxe-table

注意:

1、第一次使用patch-package会在项目根目录生成patches文件夹,里面有修改过的文件diff记录。

2、当这个包版本更新后,执行命令:git apply --ignore-whitespace patches/vxe-table+3.4.13.patch即可。其中vxe-table+3.4.13.patch是它生成的文件名。

执行结果如图:

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

hymlx526

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值