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

為了方便閱讀 本文章分為 3部分

  1. 制作一個React-Native原生UI組件(Android and iOS)
  2. 打包一個原生組件
  3. [將原生組件上傳至npm

在第二部分中我們學(xué)會了如何制作了一個插件目錄文件下面我們將這個目錄文件上傳至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:發(fā)布之后就可以讓用戶npm install xxxx來引用你的開源模塊了(如果您的插件是RN建議你的name為react-native-xxxx)
2.version:版本號,語義版本號分為X.Y.Z三位,分別代表主版本號、次版本號和補丁版本號。當代碼變更時,版本號按以下原則更新。

  • 如果只是修復(fù)bug,需要更新Z位。
  • 如果是新增了功能,但是向下兼容,需要更新Y位。
  • 如果有大變動,向下不兼容,需要更新X位。

3.description:簡單介紹自己的模塊

4.main:入口文件,必要,當通過require('xxx')時,是讀取main里聲明的文件
5.git repository:git倉庫地址
6.keywords:關(guān)鍵詞,可以通過npm搜索你填寫的關(guān)鍵詞找到你的模塊
7.author:作者信息,可以之后編輯更詳細一些
8.license(ISC):代碼授權(quán)許可 [可以參考這里]
9.bug bug提交地址 這里選用的是github.issues
10.homepage 項目主頁這是我也是用github作為homepage

2.發(fā)布

1.在npm 注冊用戶2.在本地登錄自己的npm賬號

npm login

2.發(fā)布模塊

npm publish //返回下面的信息就是發(fā)布成功了

還可以給自己的模塊的來個圖片徽章,可以放在github倉庫的README.md里可以讓訪問到這項目的人看到項目的狀態(tài)
npm publish

如果發(fā)布成功您就可以立刻看到你的插件在Npm里面

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,733評論 25 709
  • 什么是 NPM npm之于Node,就像pip之于Python,gem之于Ruby,composer之于PHP。 ...
    ihoey閱讀 6,361評論 2 36
  • Serial vs. Concurrent 串行 vs. 并發(fā) 這些術(shù)語描述當任務(wù)相對于其它任務(wù)被執(zhí)行,任務(wù)串行執(zhí)...
    a457e74fe3a4閱讀 281評論 0 1
  • 人生的旅途中總有一些風(fēng)景搖曳我們的心靈,這些美麗的風(fēng)景在車窗外轉(zhuǎn)瞬逝去,我們來不及用相機攝下這美麗的瞬間,但...
    小章魚fancy閱讀 477評論 0 1
  • 我越來越不愿意說話了 說一些真心話 說一些安慰別人或是一些看懂生活的話 我越來越能夠圓滑 那些本來不喜歡的人情世故...
    蔓草島嶼閱讀 199評論 0 0

友情鏈接更多精彩內(nèi)容