利用yarn文件发布到 npm 仓库

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

具体发布到npm的流程以下

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

注册npm帐号

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

WechatIMG91.jpeg

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

WechatIMG92.jpeg

准备待发布文件

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

    WechatIMG7 1.jpeg

  • 添加原生模块入口文件json

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文件,根据提示输入相关信息,效果以下:
    Snip20180112_1.png

发布模块

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

Snip20180112_2.png

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

若有疏漏,请指出,若有问题能够经过以下方式联系我

简书 csdn 掘金 klvens跑码场bash

相关文章
相关标签/搜索