npm 包 rn-cli 使用教程

什么是 rn-cli

rn-cli 是 React Native 的命令行工具，可以帮助我们创建、运行和打包 React Native 项目。它是 React Native 的核心工具之一，对于开发 React Native 应用来说非常重要。

如何安装 rn-cli

使用 npm 安装 rn-cli，可以在全局安装，也可以在本地安装。

全局安装：npm install -g rn-cli
本地安装：npm install --save-dev rn-cli

如何使用 rn-cli

初始化项目

创建 React Native 项目的时候可以使用 rn-cli 来初始化：

rn init AwesomeProject

其中 "AwesomeProject" 是项目名称，会在当前目录下创建一个 "AwesomeProject" 目录，里面包含了 React Native 的初始化项目代码。

运行项目

在项目目录下打开终端，执行以下命令：

cd AwesomeProject
react-native run-ios
或
react-native run-android

这样就可以将项目在 iOS 或 Android 上运行起来了。

打包项目

使用 rn-cli 可以轻松打包 React Native 项目。使用以下命令可以打包项目：

cd AwesomeProject
react-native bundle --entry-file index.js --platform ios --dev false --bundle-output ios/main.jsbundle
或
react-native bundle --entry-file index.js --platform android --dev false --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

自定义 rn-cli 配置

除了上面讲述的最常见用法之外，rn-cli 还支持添加自己的配置，以适应自己的项目需求。rn-cli 的配置文件是 rn-cli.config.js。

示例代码：

module.exports = {
  getTransformModulePath() {
    return require.resolve('react-native-typescript-transformer');
  },
  getSourceExts() {
    return ['ts', 'tsx'];
  },
};

上述配置将启用 TypeScript 支持，将 .ts 和 .tsx 文件视为 React Native 代码文件，启用转换器等等。

结语

rn-cli 是 React Native 必不可少的工具之一，掌握好它可以帮助你更好地开发 React Native 应用。以上是本文的介绍和使用方法，希望对你有所帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005540e81e8991b448d1677