最近接到一个开发任务，将项目中的公共组件上传到私服上面。平常经常npm install 就将第三方组件下载下来了--自己还真不知道怎么上传到npm--对于这个需求我是如下图：

image.png

度娘是一个好东西--就百度了下--这边记录一下

1.开始

react-native的第三方组件 我们用到一个第三方的模板工具react-native-create-library，他可以为我们生成ios和android的模板代码

1.1全局安装下

 npm install -g react-native-create-library

1.2初始化模板代码

react-native-create-library MyFancyLibrary

这步后面可以npm install 一下

1.3查看项目结构

项目结构

可以看到代码中有一个index.js 他就是这个组件的入口啦--我们要编写的业务代码就可以从这边开始了~小伙伴们自己尝试吧；

2.上传到npm仓库

我们如果业务代码写好了 那么就需要进行上传到npm上面。别人只需要npm install 就可以下载到你的组件包；

2.1切换环境

需要配置下npm的环境地址

# 全局切换
npm config set registry http://registry.npmjs.org/

2.2推送代码前准备

推送代码当然你需要一个npm的账号
可以在命令行进行注册。当然你也可以去官网直接注册一个账号；

npm adduser

注册好了后-通过下面命令进行登录

npm login

登录后 可以通过npm whoami 来查看是否登录成功；

2.3一些文件的作用

比如package.json 这个就是我们版本信息什么的-包名一些配置地方

包配置

2.4开始推送吧

不啰嗦了-- 下面执行推送代码的命令吧;

npm publish

这步就是推送代码的命令了--就ok啦 就可以去npm仓库搜索一下我们的包名--第一个组件代码就上传成功啦--

3.可能会遇到的问题

you must verify your email before publishing a new package:
是因为没有用邮箱激活登录到注册账号的邮箱 激活一下就好了