把常用模块发布至 NPM，开发更轻松

准备工作
开发前的准备工作很重要，包括软件和知识两个方面：

软件

• 稳定版本的 Node.js
• 稳定版本的 yarn
• 稳定版本的 React Native CLI
• 任意一个编辑器
• 终端，这里推荐 iTerm2 和 Hyper

知识

• 熟练使用终端
• 熟练使用 git 进行代码版本控制
• 熟练使用 yarn 或 npm 进行包管理
• 熟练使用 JavaScript 或 TypeScript 进行编码

开始开发

项目初始化

创建一个新的 RN 项目：

npx react-native init ProjectName

安装依赖

安装必要的依赖项：

yarn add create-react-native-library

创建 RN 模块

使用 create-react-native-library 创建 RN 模块：

npx create-react-native-library MyModuleName

编辑新项目

进入新创建的 RN 模块项目目录：

cd MyModuleName

安装必要的依赖项：

yarn add @react-native-community/cli-platform-android @react-native-community/cli-platform-ios

然后就可以开始编写代码了，一般来说 RN 模块可以分为以下几个部分：

• Native 部分：实现具体的功能逻辑，需要用原生语言开发，比如 Objective-C、Java、Swift 等。
• JavaScript 部分：负责与 Native 部分通信，并提供给 RN 使用。
• 样式部分：定义组件的样式，一般使用 CSS 或 LESS 等语言。

发布到 NPM

当 RN 模块开发完成后，就可以将其发布到 NPM，以便其他项目可以安装使用。发布过程如下：

1. 确保模块已经准备好发布，包括代码、文档、测试等。
2. 创建一个 NPM 账户，如果没有的话。
3. 在模块的根目录下，运行以下命令：

yarn publish

4. 等待发布完成，发布成功后，就可以在 NPM 上找到自己的模块了。

使用自己的模块

在其他 RN 项目中，可以通过以下步骤使用自己的模块：

1. 在项目根目录下，运行以下命令：

yarn add MyModuleName

2. 在代码中，导入模块并使用：

import MyModuleName from 'MyModuleName';

MyModuleName.someFunction();

结束语

将一些常用模块发布到 NPM，可以极大地提升我们开发效率，并保证项目代码的质量，开发更轻松。