Рендеринг на стороне сервера и разделение кода с использованием приложения create response и загружаемых компонентов

Question

У любого есть опыт конвертации приложения, созданного с помощью create-react-app использовать рендеринг на стороне сервера и разделение кода через loadable-components? Я знаю, что это общий вопрос, но в основном ищу общие рекомендации или какие-либо серьезные красные флажки для этого подхода. Я бы хотел сохранить то хорошее, что вы получаете из коробкиcreate-react-app- особенно среда разработки live reload - при добавлении оптимизаций с использованием SSR и разделения кода. Мне удалось в основном заставить это работать, используяexpress бэкэнд и handlebarsшаблонов, но я сталкиваюсь со многими проблемами при правильной работе разделения кода с этой настройкой. Любые подсказки / истории приветствуются!

Answer 1

Существует Craco "простой и понятный слой конфигурации для приложения create-react-app".

Пользовательские конфигурации Webpack входят в craco.config.js, внутри корневой папки.

SSR возможно, вы можете ответить на два связанных вопроса, которые могут помочь вам в вашем случае:
Разделение кода загружает все файлы фрагментов на Chrome, но загружает их отдельно в firefox
Загружаемые компоненты SSR - chunkNames в файле статистики сервера отличается от файла статистики клиента