Razzle: 서버에서 렌더링되지 않은 스타일

에 만든 2017년 07월 05일 · 3코멘트 · 출처: jaredpalmer/razzle

스타일이 서버에서 렌더링되지 않고 클라이언트 앱이 시작될 때만 렌더링되어 스타일이 지정되지 않은 콘텐츠가 잠깐 깜박이는 것을 확인했습니다. build/assets.json yarn start 를 실행한 후 css 키가 누락되었지만 yarn build 를 실행한 후에는 존재합니다. 프로덕션 빌드에 대해서만 스타일을 추출하려는 의도라면 클라이언트 앱이 FOUC를 시작하고 방지하기 전에 스타일을 렌더링하는 방법을 이해하려고 합니다.

출처

corydeppen

가장 유용한 댓글

이것은 개발 중에만 발생합니다. 프로덕션에서 실행할 때 FOUC가 없습니다. 이것이 문제가 되는 경우 razzle-build에서 끌어오는 것처럼 dev 동안 스타일 시트를 꺼내기 위해 추출 텍스트 웹팩 플러그인을 사용하도록 razzle을 확장하는 것이 좋습니다. 이렇게 변경하면 HMR이 예상대로 작동할지 확신할 수 없습니다.

jaredpalmer 에 2017년 07월 05일

👍7

모든 3 댓글

jaredpalmer 에 2017년 07월 05일

👍7

스타일링에 스타일이 지정된 구성 요소(CSSinJS)를 사용하고 있으며 프로덕션에서도 이 문제에 직면하고 있습니다.

anuraghakeem 에 2019년 09월 04일

@corydeppen 안녕하세요. 이 문제를 해결하셨습니까?

snowsea-dev 에 2019년 10월 03일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Razzle: 서버에서 렌더링되지 않은 스타일

가장 유용한 댓글

모든 3 댓글

관련 문제