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

Question

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

我们的想法是设置构建系统以在单个 repo 中构建这些平台，例如，如果我们运行npm run build-chrome-extension它会将 react 扩展构建到名为/extension的根文件夹中，该文件夹将与/ios和/android文件夹，同样适用于/web文件夹。

为了实现这一点，我们将使用react-native out-of-tree 平台，然后使用文件扩展名来提供正确的代码， CheckoutScreen.website.js将为网站提供结账屏幕。

问题是，我们如何设置构建系统来实现这一点？ 如果我们想使用 Gatsby 来构建网站，并为 chrome-extension 创建-react-app。

Answer 1

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

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