背景:
因为开源官方组件没有某些功能,这个时候我们必须要修改源码加上我们自己的功能。
解决此问题,我们使用 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是它生成的文件名。
执行结果如图: