vue修改node_modules中的文件

如果node_modules 中的依赖有bug 或者 不满足我们的地方， 我们需要更改node_modules 依赖包中的源码时，为了不更改后， 重新 npm install ， 导致我们的更改丢失，我们需要用到patch-package

1. 通过命令安装 patch-package

npm install patch-package --save-dev

2. 修改项目根目录下的 package.json 文件
   在 package.json 文件中的 scripts 中加入 "postinstall": "patch-package"

   
   image.png
3. 手动修改 node_modules 依赖包中的源码

例如： 我修改的是vue-fontawesome-elementui-icon-picker依赖包中的源码
文件位置：node_modules/svue-fontawesome-elementui-icon-picker/rc/iconPicker.vue

4. 手动执行命令创建 npx patch-package package-name 补丁文件

npx patch-package name 
// npx patch-package vue-fontawesome-elementui-icon-picker
// 其中name指的是被修改的依赖包的名字vue-fontawesome-elementui-icon-picker
// 不是被修改的文件的名字iconPicker

5.项目根目录中会自动创建一个 patches 文件夹

image.png

文件中就会看到我们所修改的内容

6. 这样 哪怕修改依赖的源码之后， 重新 npm install ， 也不会导致我们的修改内容 丢失啦