如何使用 Gatsby 和 create-react-app 添加 react-native out-of-tree 平台？答案

【问题标题】：How to add react-native out-of-tree platforms using Gatsby and create-react-app?如何使用 Gatsby 和 create-react-app 添加 react-native out-of-tree 平台？
【发布时间】：2019-08-01 09:34:46
【问题描述】：

我们有一个大型 react-native 应用程序，并希望将此应用程序扩展为网站和 chrome-extension，该网站和 chrome 扩展程序使用我们手机中的相同 reducer、sagas 和一些组件（使用 react-native-web）应用。 chrome 扩展程序和网站基本上是移动应用程序的一个子集。

这个想法是设置构建系统以在单个存储库中构建这些平台，例如如果我们运行 npm run build-chrome-extension，它将把 react 扩展构建到一个名为 /extension 的根文件夹中，该文件夹将与 /ios 和 /android 文件夹位于同一目录中，/web 文件夹也是如此。

为此，我们将使用react-native out-of-tree platforms，然后使用文件扩展名提供正确的代码，CheckoutScreen.website.js 将提供网站的结帐屏幕。

问题是，我们如何设置构建系统来完成此任务？如果我们想使用 Gatsby 构建网站，并为 chrome-extension 创建-react-app。

【问题讨论】：

标签： reactjs react-native gatsby monorepo metro-bundler

【解决方案1】：

不确定回答问题，但可以使用https://github.com/slorber/gatsby-plugin-react-native-web

它使用 Expo-web webpack 配置（也适用于 CRA 或 Next 或自制 webpack），这意味着您的 web 层将优先解析 .web.js 扩展。

【讨论】：