ReactNative制作原生插件Android,iOS 并上传至npm(3)

为了方便阅读 本文章分为 3部分

1. 制作一个React-Native原生UI组件(Android and iOS)
2. 打包一个原生组件
3. [将原生组件上传至npm

在第二部分中我们学会了如何制作了一个插件目录文件下面我们将这个目录文件上传至npm

1.初始化package.json

{
  "name": "react-native-counting",
  "version": "0.0.1",
  "description": "React Native Counting component",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "[email protected]:zhaomingbo/react-native-counting.git"
  },
  "keywords": [
    "react-native",
    "ios",
    "android",
  ],
  "author": Mubin",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/zhaomingbo/react-native-counting/issues"
  },3
  "homepage": "https://github.com/zhaomingbo/react-native-counting"
}

1.name：发布之后就可以让用户npm install xxxx来引用你的开源模块了(如果您的插件是RN建议你的name为react-native-xxxx)
2.version：版本号，语义版本号分为X.Y.Z三位，分别代表主版本号、次版本号和补丁版本号。当代码变更时，版本号按以下原则更新。

• 如果只是修复bug，需要更新Z位。
• 如果是新增了功能，但是向下兼容，需要更新Y位。
• 如果有大变动，向下不兼容，需要更新X位。

3.description：简单介绍自己的模块

4.main：入口文件，必要，当通过require('xxx')时，是读取main里声明的文件
5.git repository：git仓库地址
6.keywords：关键词，可以通过npm搜索你填写的关键词找到你的模块
7.author：作者信息，可以之后编辑更详细一些
8.license（ISC）：代码授权许可 [可以参考这里]
9.bug bug提交地址 这里选用的是github.issues
10.homepage 项目主页这是我也是用github作为homepage

2.发布

1.在npm 注册用户2.在本地登录自己的npm账号

npm login

2.发布模块

npm publish //返回下面的信息就是发布成功了

还可以给自己的模块的来个图片徽章，可以放在github仓库的README.md里可以让访问到这项目的人看到项目的状态
npm publish

如果发布成功您就可以立刻看到你的插件在Npm里面