Vue+Vuetify项目修改node_modules文件的最佳实践及函数覆盖方法

可行方案：优先覆写函数或用工具固化修改 #

完全可以覆盖 node_modules 里的函数，这比直接改依赖文件靠谱多了，具体有几种实用方式：

1. 运行时直接覆写目标方法 #

找到你之前改的那个函数（比如 Vuetify 里处理对话框DOM查找的方法），在项目初始化 Vuetify 之后，直接覆写对应的组件方法就行。

举个实际例子（假设你改的是 VDialog 的 findParent 方法）：

// 放在项目入口文件或者 Vuetify 配置文件里
import { VDialog } from 'vuetify/lib/components/VDialog'

// 先存下原方法，需要的时候还能调用
const originalFindParent = VDialog.methods.findParent

// 替换成你的修复逻辑
VDialog.methods.findParent = function (...args) {
  // 这里写适配 ShadowDOM 的代码
  // 要是需要用到原逻辑，就这么调用：originalFindParent.call(this, ...args)
}

这种方式所有逻辑都在你自己的项目代码里，不用碰 node_modules，后续更新依赖时只要确认修复逻辑还能用就行。

2. 用 patch-package 把修改固化下来 #

如果你的修复涉及不止一处代码，或者运行时覆写不太方便，就用 patch-package 工具：

• 先按需求改好 node_modules 里的文件
• 安装工具：npm install patch-package --save-dev
• 执行 npx patch-package vuetify，会在项目根目录生成 patches/vuetify+{版本号}.patch 文件
• 把这个 patch 文件提交到 Git 仓库，其他同事装完依赖后跑 npx patch-package，就能自动应用你的修复

这样团队协作时不会丢修改，后续更新依赖如果出现冲突，重新生成 patch 就行。

3. 给 Vuetify 官方提 PR #

如果你的修复是通用的（比如解决 ShadowDOM 下的普遍兼容问题），可以把代码整理成 PR 提交给 Vuetify 官方，等官方合并后，你就能直接用官方版本，不用自己维护修复了。

为啥不能直接改 node_modules？ #

直接改依赖文件有几个致命问题：

• 修改内容不会被 Git 记录，其他开发者拉代码后根本不知道要改这地方
• 一跑 npm install 或 yarn install，你的修改就被覆盖了
• 依赖版本更新后，你的修改大概率失效，还不好排查

内容的提问来源于stack exchange，提问作者Dally