如何修改node_modules源码？？

如何修改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，就可以看到你打的补丁了