如何修改现有npm包并在React Native项目中持久化使用
2026-5-25
嘿，这个坑我之前踩过好几次！直接改node_modules里的代码确实方便，但每次重装依赖或者别人拉代码就GG了。给你几个靠谱的持久化方案，按需选：
方案1：用patch-package（最推荐，小改动首选）
这是目前最流行的轻量方案，专门用来给npm包打局部补丁，步骤超简单：
- 先装依赖：
npm install patch-package --save-dev - 去node_modules里找到要改的包，修改你需要的代码
- 改完之后在项目根目录跑命令：
npx patch-package 你的包名（比如npx patch-package react-native-image-picker） - 这时候项目里会多出一个
patches文件夹，里面有个类似包名+版本号.patch的文件，一定要把这个文件夹提交到Git - 之后不管是重装依赖、换机器还是团队成员拉代码，只要运行
npm install，patch-package会自动把补丁给你打上
注意：如果原包更新了版本，补丁可能失效，这时候需要重新修改代码再生成新的patch文件。
方案2：Fork包到自己的仓库（大改动/长期维护用）
如果你的修改比较多，甚至想以后自己维护这个分支，就用这个方法：
- 去npm包的GitHub仓库点「Fork」，把仓库克隆到本地
- 在自己的fork仓库里修改代码，提交并push到你的GitHub
- 打开项目的
package.json，把原来的包依赖改成你fork的仓库地址，比如："react-native-some-library": "git+https://github.com/你的用户名/react-native-some-library.git#你的分支名" - 运行
npm install，之后项目就会从你的仓库拉取依赖，你的修改会一直保留 - 如果原仓库有更新，你可以把原仓库的代码merge到自己的fork里，保持同步
方案3：本地链接包（开发调试阶段用）
如果还在频繁改代码，不想每次都生成补丁或者提交Git，就用npm link临时链接：
- 把目标包的代码克隆到本地某个目录（比如
~/dev/react-native-some-library） - 进入这个包的目录，运行
npm link - 回到你的项目目录，运行
npm link react-native-some-library - 现在项目会直接用本地的包代码，修改后即时生效，不用重新install
- 缺点是换机器或者部署时需要重新配置，适合本地开发调试用
总结一下：小改选patch-package，大改/长期维护选fork，临时调试用npm link，再也不用担心自定义代码丢啦！
内容的提问来源于stack exchange，提问作者Nam Ung Kim
相关产品推荐
相关产品推荐
