Skip to content

Cursor快速发布一个UI Component到npm

组件开发封面

软链测试说明

为什么使用软链测试?

  • 实时调试:修改包代码后无需重新发布,项目中即可看到更新
  • 开发效率:避免反复发布npm包进行测试,节省开发时间
  • 本地验证:在发布前充分测试包的功能和兼容性
  • 依赖调试:方便调试包与项目其他依赖的交互

1. 创建软链

pnpm link

在组件包目录下执行,将包链接到全局

2. 项目中使用软链

cd your-project pnpm link your-package-name

在使用该组件的项目中创建链接,your-package-name 为包名

3. 取消软链

# 取消项目中的软链 pnpm unlink your-package-name # 取消全局软链 pnpm unlink --global your-package-name

测试完成后记得解除链接,避免影响正式环境

4. 查看软链

# 查看项目中的软链 pnpm ls # 查看全局软链 pnpm ls -g

检查当前链接状态,方便管理

使用建议

  • 开发时使用 pnpm link 进行本地测试
  • 确保包的 package.json 中的依赖配置正确
  • 测试完成后记得解除软链,使用正式发布的包