利用yarn文件发布到 npm 仓库
2018-01-12 本文已影响0人
smileklvens
前面我们已经基于andorid原生分享完成了一个RN项目，如果我们发现我们的原生模块特别好用，想让更多的人安装使用，这就需要我们把它发布到 npm 仓库。如果还不会编写请看上一篇 利用RN开发android原生模块
具体发布到npm的流程如下
* 注册npm账号
* 准备待发布文件
* 发布模块
注册npm账号
1.点击注册npm账号
2.验证邮箱成功后会有提示如图：
WechatIMG91.jpeg
注意：邮箱未验证通过的话，发布npm会报下图错误：
WechatIMG92.jpeg
准备待发布文件
- 新建文件夹
react-native-image-picker在该目录下创建一个 android 文件夹，表示我们要发布的是一个 android 模块，如果你同时开发了这个模块的 iOS 版本，那么放在 ios 目录下即可。如图：
WechatIMG7 1.jpeg
- 添加原生模块入口文件
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网站 查看已上传的代码
