发布自己的react-native组件到npm

最新推荐文章于 2024-08-22 08:37:34 发布

FreeBSFree

最新推荐文章于 2024-08-22 08:37:34 发布

阅读量1k

点赞数 1

分类专栏： Rect-Native

本文链接：https://blog.csdn.net/qq_17190231/article/details/89136373

版权

本文介绍了将自定义react-native组件发布到npm的详细步骤，包括创建组件模板、编写代码、上传到github、准备npm账户以及发布组件。关键步骤包括修改package.json，确保正确的入口文件，以及区分github与npm上上传的代码内容。

摘要由CSDN通过智能技术生成

我们在做RN开发时候，会利用npm安装我们需要的三方js库。当我们自己封装了一个组件打算开源给别人用时，同样想用npm来安装，这时候我们需要把自己的组件发布到npm，这样以后再用这个组件时候直接利用（npm i 组件名）就可以了。好嗨奥！

$ npm install -g react-native-create-library

$ react-native-create-library --package-identifier com.quenice.cardview --platforms android,ios 项目名(建议不用react-native开头，因为会自动拼接)

$ mv cardview react-native-项目名

删除多余项
这时候会出现ios，android，readme相关文件，需要我们一个一个文件检查删除掉不要的部分。比如当我们不需要ios，android部分，只是需要js代码。这时候我们要把ios，android文件夹删除，并修改readMe文件并把package.json文件中的main改成我们的入口js文件，并把里边的信息补全，github上的仓库也要写上，示例如下：