使用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是它生成的文件名。

执行结果如图:

猜你喜欢

转载自blog.csdn.net/hymlx526/article/details/131055912