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": "git@github.com: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里面

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,466评论 25 708
  • 什么是 NPM npm之于Node,就像pip之于Python,gem之于Ruby,composer之于PHP。 ...
    ihoey阅读 6,268评论 2 36
  • Serial vs. Concurrent 串行 vs. 并发 这些术语描述当任务相对于其它任务被执行,任务串行执...
    a457e74fe3a4阅读 216评论 0 1
  • 人生的旅途中总有一些风景摇曳我们的心灵,这些美丽的风景在车窗外转瞬逝去,我们来不及用相机摄下这美丽的瞬间,但...
    小章鱼fancy阅读 416评论 0 1
  • 我越来越不愿意说话了 说一些真心话 说一些安慰别人或是一些看懂生活的话 我越来越能够圆滑 那些本来不喜欢的人情世故...
    蔓草岛屿阅读 180评论 0 0