Как добавить нативные платформы вне дерева с помощью Gatsby и create-реагировать-приложение?

У нас есть большое реактивное приложение, и мы хотим расширить это приложение до веб-сайта и расширения chrome, веб-сайт и расширение chrome используют те же редукторы, саги и некоторые компоненты (используя react-native-web) из нашего мобильного приложения. Расширение Chrome и веб-сайт в основном являются частью мобильного приложения.

Идея заключалась в том, чтобы настроить систему сборки для создания этих платформ в одном репо, например. если мы запустим npm run build-chrome-extension, он создаст расширение реакции в корневой папке с именем /extension, которая будет находиться в том же каталоге, что и папки /ios и /android, то же самое касается папки /web.

Для этого мы будем использовать react-native вне дерева платформах, затем используйте расширения файлов для предоставления правильного кода, CheckoutScreen.website.js будет отображать экран оформления заказа для веб-сайта.

Вопрос в том, как нам настроить систему сборки для достижения этой цели? Если мы хотим использовать Gatsby для создания веб-сайта и приложения create-react-app для расширения chrome.


person Luke Brandon Farrell    schedule 01.08.2019    source источник


Ответы (1)


Не уверен, что смогу ответить на вопрос, но вы можете использовать https://github.com/slorber/gatsby-plugin-react-native-web

Он использует конфигурацию веб-пакета Expo-web (которая также работает в CRA или Next или домашнем веб-пакете), что означает, что ваш веб-уровень будет приоритетнее разрешать расширение .web.js.

person Sebastien Lorber    schedule 06.04.2020