如何无需反复发布即可便捷本地开发React包？
2026-7-28
本地开发React组件包的高效测试方案
方法1：使用npm link（官方原生方案）
- 在你的React包项目根目录执行：
npm link，将包全局链接到npm全局模块目录 - 在测试用React项目根目录执行：
npm link @venkataramanan/simple-react-package，项目会直接引用本地包文件 - 给包项目添加实时编译：在
package.json的scripts中新增"watch": "tsc --watch"，修改代码后自动编译，测试项目刷新即可看到变化 - 解决React版本冲突：若出现hooks报错，先在测试项目的
node_modules/react目录执行npm link，再回到包项目执行npm link react
方法2：使用yalc（更稳定的本地包管理工具）
- 全局安装yalc：
npm install -g yalc - 在包项目根目录执行：
yalc publish，将包发布到本地yalc仓库 - 在测试项目根目录执行：
yalc add @venkataramanan/simple-react-package，项目从本地仓库拉取包依赖 - 代码更新后，在包项目执行
yalc push，测试项目会自动同步最新包内容
方法3：本地路径依赖+watch模式
直接在测试项目的package.json中指定本地包路径：
"dependencies": { "@venkataramanan/simple-react-package": "file:../path-to-your-package-folder" }
配合包项目的watch编译脚本，修改代码后自动编译，部分打包工具支持热更新无需重启测试项目服务。
内容的提问来源于stack exchange，提问作者Venkataramanan
相关产品推荐
相关产品推荐
