npm 包开发最佳实践之 yarn link

2018-07-02 10:21:03 +08:00
 banxi1988

我自己维护了一个 npm 包。wechat-mp-types, 也就是一个小程序 API 的 TypeScript 的声明文件包。

一开始我的开发流程是这样的。

  1. 需要修改声明文件时,打开声明文件包项目,编辑更新。
  2. 上传更新包。
  3. 在使用这个声明文件包的项目中,更新此声明文件包。有时更新不下来就多试几次,或者指定版本再试一次。 如此循环,有时有点小改到,我只好先放着。

现在的流程:

  1. wechat-mp-types 包中执行: yarn link
➜  wechat-mp-types (master) ✔ yarn link
yarn link v1.7.0
success Registered "wechat-mp-types".
info You can now run `yarn link "wechat-mp-types"` in the projects where you want to use this package and it will be used instead.
✨  Done in 0.10s.

相当于直接将包 wechat-mp-types 包跟本地的包项目目录关联起来。

  1. 然后再在小程序项目中,运行 yarn link "wechat-mp-types" 命令关联此包即可。
➜  my-awesome-mp (master) ✔ yarn link "wechat-mp-types"
yarn link v1.7.0
success Using linked package for "wechat-mp-types".
✨  Done in 0.11s.

这样我本地开发时修改了 wechat-mp-types 包之后,再也不需要打包,上传,更新这样反复繁琐的过程了。

3787 次点击
所在节点    前端开发
1 条回复
Mutoo
2018-07-02 11:18:29 +08:00
npm 的开发教程里面就有提到本地开发应该使用 npm link 进行测试。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/467379

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX