利用yarn檔案釋出到 npm 倉庫

zhulk發表於2018-01-19
YarnNPM

前面我們已經基於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網站 檢視已上傳的程式碼

如有疏漏，請指出，如有問題可以通過如下方式聯絡我

簡書 csdn 掘金 klvens跑碼場

相關文章