原文地址：http://liu-hang.cn/2019/06/25/189-publish-react-native-component-to-npm/
截屏捕捉組件
npm i react-native-screenshotcatch
背景
前一段時間寫的 react-native 截屏監(jiān)聽功能是直接寫進項目中的缘回，現(xiàn)在打算將其單獨封裝發(fā)布到 NPM 上去瑟曲，之前也發(fā)過一個命令行工具但是沒有寫文記錄一下過程与境，這次補上
實現(xiàn)
使用 react-native-create-library
react-native-create-library 是一個自定義組件模板工具琼了，比自己去創(chuàng)建省很多麻煩
npm i -g react-native-create-library # 安裝
react-native-create-library --package-identifier com.dreamser.screenshotcatch --platforms android,ios screenshotcatch
mv screenshotcatch react-native-screenshotcatch
更新 build.gradle
react-native-create-library 中的依賴版本太低，需要更新一下
編寫代碼
請見 React Native 實現(xiàn)截圖添加二維碼分享功能
完善 readme
react-native-create-library 已經(jīng)為你準備了基礎的模板，具體內容需要自己來添加
上傳 github
初始化本地repo授艰，在github創(chuàng)建遠程repo，連接世落，上傳代碼...在這里不做贅述
完善 package.json
package.json文件定義了發(fā)布的所有信息淮腾，包括：組件名、版本屉佳、作者谷朝、描述、依賴等等關鍵信息武花。具體可以參照 Creating a package.json file
{
"name": "react-native-screenshotcatch",
"version": "0.0.1",
"description": "A ReactNative Tool for catch Screen Shot Event",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [
"react-native",
"screen-shot",
"screen-capture",
"ios",
"android"
],
"author": {
"name": "callcter",
"email": "sharpliuzigu@gmail.com"
},
"license": "MIT",
"repository": {
"type": "git",
"url": "git@github.com:callcter/react-native-screenshotcatch.git"
},
"peerDependencies": {
"react-native": "^0.41.2"
}
}
發(fā)布到 NPM
npm adduser # 創(chuàng)建 NPM 賬號
npm login # 如果已經(jīng)在官網(wǎng)有賬號圆凰，可以直接登錄
npm whoami # 查看登錄狀態(tài)
npm publish # 發(fā)布
發(fā)布時可能遇到 publish Failed PUT 403 錯誤，原因是更改了鏡像源
npm config get registry # 查看當前鏡像源
npm config set registry=http://registry.npmjs.org # 更改回官方鏡像源
npm publish # 重新發(fā)布
NPM 更新
npm 提供官方提供了npm version來進行版本控制体箕，其效果跟手動修改package.json里面的version字段是一樣的专钉，好處在于，可以在構建過程中用npm version命令自動修改累铅，而且具有語義化即Semantic versioning
npm version [<newversion> | major | minor | patch | premajor | preminor |
prepatch | prerelease | from-git]
語義為：
major：主版本號（大版本）
minor：次版本號（小更新）
patch：補丁號（補对拘搿）
premajor：預備主版本
preminor: 預備次版本
prepatch：預備補丁版本
prerelease：預發(fā)布版本
