feat: React Naitve CLI hooks supporting

Author: 徐远翔

.eslintignore

@@ -1,3 +1,4 @@
 node_modules
 packages/*/lib
 types
+*.config.js

README.md

@@ -9,7 +9,7 @@
 
 umi 在 RN 中仅用来生成中间代码（临时文件），介于**编码**和**构建**的之间，旨在引入 umi 的开发姿势来提升 RN 编程体验。
 
-下游可以使用[React Native CLI](https://github.com/react-native-community/cli/blob/master/docs/commands.md#start)来开发和打包，也可以使用像[expo](https://expo.io/)这样的开发工具。
+下游可以使用[React Native CLI](https://github.com/react-native-community/cli/blob/master/docs/commands.md#commands)来开发和打包，也可以使用像[expo](https://expo.io/)这样的开发工具。
 
 | NPM 包 | 当前版本 | 简介 |
 | --- | --- | --- |
@@ -218,7 +218,7 @@ _上文未列出的[umi 配置](https://umijs.org/config)对 **umi-preset-react-
 }
 ```
 
-先启动 watch 进程监听源码文件变动，重新生成中间代码：
+启动 watch 进程，监听源码文件变动并重新生成中间代码：
 
 ```npm
 yarn watch

packages/umi-preset-react-native/hooks/prebundle.js

@@ -0,0 +1,21 @@
+#!/usr/bin/env node
+
+const { join } = require('path');
+const { execFileSync } = require('child_process');
+
+const cwd = process.cwd();
+const umi = join(cwd, 'node_modules', 'umi', 'bin', 'umi.js');
+
+const child = execFileSync(umi, ['g', 'rn', '--dev'], { cwd, stdio: 'inherit' });
+
+child.on('close', (code) => {
+  process.exit(code);
+});
+
+process.on('SIGINT', () => {
+  child.kill('SIGINT');
+});
+
+process.on('SIGTERM', () => {
+  child.kill('SIGTERM');
+});

packages/umi-preset-react-native/hooks/prestart.js

@@ -0,0 +1,21 @@
+#!/usr/bin/env node
+
+const { join } = require('path');
+const { fork } = require('child_process');
+
+const cwd = process.cwd();
+const umi = join(cwd, 'node_modules', 'umi', 'bin', 'umi.js');
+
+const child = fork(umi, ['g', 'rn', '--dev'], { cwd, stdio: 'inherit' });
+
+child.on('close', (code) => {
+  process.exit(code);
+});
+
+process.on('SIGINT', () => {
+  child.kill('SIGINT');
+});
+
+process.on('SIGTERM', () => {
+  child.kill('SIGTERM');
+});

packages/umi-preset-react-native/package.json

@@ -20,7 +20,9 @@
     "lib": "lib"
   },
   "files": [
-    "lib"
+    "lib",
+    "hooks",
+    "react-native.config.js"
   ],
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -45,5 +47,11 @@
     "babel-plugin-module-resolver": "^4.0.0",
     "memoizerific": "^1.11.3",
     "react-router-native": "5.1.2"
+  },
+  "rnpm": {
+    "hooks": {
+      "prestart": "./hooks/prestart.js",
+      "prebundle": "./hooks/prebundle.js"
+    }
   }
 }

packages/umi-preset-react-native/react-native.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+  dependency: {
+    hooks: {
+      prestart: './hooks/prestart.js',
+      prebundle: './hooks/prebundle.js',
+    },
+  },
+};