Я заметил, что стили не отображаются на сервере, а отображаются только после запуска клиентского приложения, вызывая кратковременную вспышку нестилизованного содержимого. Когда я посмотрел на build/assets.json
, ключ css
отсутствовал после запуска yarn start
, но присутствовал после запуска yarn build
. Если намеренно извлекать стили только для производственной сборки, я пытаюсь понять, как стили могут отображаться до запуска клиентского приложения и предотвращения FOUC.
Это происходит только во время разработки. При запуске в производство FOUC отсутствует. Если это проблематично, я предлагаю расширить razzle, чтобы использовать плагин извлечения текста веб-пакета, чтобы извлекать таблицы стилей во время разработки так же, как они извлекаются в razzle-build. Я не уверен, что HMR будет работать так, как вы ожидаете, если вы внесете это изменение.
Я использую стилизованные компоненты (CSSinJS) для своего стиля и также сталкиваюсь с этой проблемой в производстве.
@corydeppen Привет. Вы решили эту проблему?
Самый полезный комментарий
Это происходит только во время разработки. При запуске в производство FOUC отсутствует. Если это проблематично, я предлагаю расширить razzle, чтобы использовать плагин извлечения текста веб-пакета, чтобы извлекать таблицы стилей во время разработки так же, как они извлекаются в razzle-build. Я не уверен, что HMR будет работать так, как вы ожидаете, если вы внесете это изменение.