如何修改node_modules的组件不被install替换？可以使用patch-package

修改 node_modules 中的组件代码存在一个天然问题：当执行 npm install 或 yarn install 时，依赖会被重新安装，手动修改的代码会被覆盖。要解决这个问题，可以使用 patch-package 生成补丁的方式。

patch-package 能将对 node_modules 的修改生成补丁文件，并在依赖安装后自动应用补丁，确保修改不会丢失。

使用方法：

1.安装 patch-package

npm install patch-package --save-dev
# 或 yarn add patch-package --dev

2.修改 node_modules 中组件的代码

直接找到需要修改的文件（如 node_modules/xxx/xxx.vue），按需求修改。

3. 生成补丁文件

执行命令生成补丁（xxx 是你修改的包的名名称，如：uv-view）：

npx patch-package xxx

此时项目根目录会生成 patches/xxx+版本号.patch 文件，记录你的修改内容。

4.配置自动应用补丁

在 package.json 的 scripts 中添加：

{
  "scripts": {
    "postinstall": "patch-package"
  }
}

postinstall不用刻意执行，每次执行 npm install 后，会自动运行 patch-package，将补丁应用到 node_modules 中。

5.注意事项

• 如何修改的包升级了，那么你写patch就失效了，建议锁定该包的版本；
• 如果对组件修改的内容较多，不建议使用这个；