У нас есть большое реактивное приложение, и мы хотим расширить это приложение до веб-сайта и расширения 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.