如何在项目中修改node_modules源码???

664 阅读1分钟

如何修改node_modules源码??

可以使用patch-package打补丁的方式轻松实现

我们以vue中的vue-image-crop-upload 插件做实验,安装一下

$ npm install vue-image-crop-upload
列如把 v-show="show" 改成v-if="show"

在这里插入图片描述

让修改的代码,在npm install重新安装组件库的时候仍然存在。

1、安装patch-package

 npm install patch-package --save-dev

2、修改package.json

在这里插入图片描述 在package.json中的"scripts"中加上

 "postinstall": "patch-package"

3、打补丁

因为vue-image-crop-upload修改了,所以要把修改过的地方打个补丁上去
 npx patch-package vue-design

运行后效果

在这里插入图片描述

根目录下会多一个patchs补丁目录:

在这里插入图片描述

打开里面的文件可以看到我们修改的内容

在这里插入图片描述

测试一下补丁是否生效

删除node_modules目录,然后重新运行npm install,安装完成后,查看你修改的node_modules里面的代码是否还在。如果在,就说明补丁生效了。

提交补丁

将补丁文件提交到远程,这样其他同事就可以拉取后,再执行npm install,就可以看到你打的补丁了