利用yarn文件发布到 npm 仓库

前面我们已经基于andorid原生分享完成了一个RN项目,如果我们发现我们的原生模块特别好用,想让更多的人安装使用,这就需要我们把它发布到 npm 仓库。如果还不会编写请看上一篇 利用RN开发android原生模块

具体发布到npm的流程如下

* 注册npm账号 
* 准备待发布文件
* 发布模块
复制代码

注册npm账号

1.点击注册npm账号 2.验证邮箱成功后会有提示如图:

注意:邮箱未验证通过的话,发布npm会报下图错误:

准备待发布文件

  • 新建文件夹 react-native-image-picker在该目录下创建一个 android 文件夹,表示我们要发布的是一个 android 模块,如果你同时开发了这个模块的 iOS 版本,那么放在 ios 目录下即可。如图:

  • 添加原生模块入口文件

import {NativeModules} from 'react-native';
const {QQSDK} =  NativeModules;
export function shareText(text,shareScene) {
	return QQSDK.shareText(text,shareScene);
}
//省略部分代码
复制代码
  • 添加package 信息 进入到react-native-image-picker目录下使用 使用命令$ yarn init命令来创建 package.json文件,根据提示输入相关信息,效果如下:

发布模块

$  cd /Users/smileklvens/Desktop/react-native-image-picker 
$ yarn login
$ yarn publish
复制代码

如图提示代表成功,否则会有yarn-error.log,可查看错误信息,我就是注册的账号有问题,一直提示邮箱未验证,从新注册解决。 成功后即可在npm网站 查看已上传的代码

如有疏漏,请指出,如有问题可以通过如下方式联系我

简书 csdn 掘金 klvens跑码场

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值