Razzle: Stile werden nicht auf dem Server gerendert
Mir ist aufgefallen, dass Stile nicht auf dem Server gerendert werden und erst gerendert werden, wenn die Client-App gestartet wird, was zu einem kurzen Aufblitzen von Inhalten ohne Stil führt. Als ich mir build/assets.json angesehen habe, fehlte die Taste css nach dem Ausführen yarn start , ist aber nach dem Ausführen yarn build vorhanden. Wenn es beabsichtigt ist, die Stile nur für einen Produktions-Build zu extrahieren, versuche ich zu verstehen, wie die Stile gerendert werden können, bevor die Client-App startet und den FOUC verhindert.
corydeppen
Alle 3 Kommentare
Dies geschieht nur während der Entwicklung. Es gibt kein FOUC, wenn es in der Produktion läuft. Wenn dies problematisch ist, schlage ich vor, Razzle zu erweitern, um das Text-Webpack-Plugin zum Extrahieren zu verwenden, um Stylesheets während der Entwicklung herauszuziehen, genau wie sie in Razzle-Build gezogen werden. Ich bin mir nicht sicher, ob HMR so funktioniert, wie Sie es erwarten, wenn Sie diese Änderung vornehmen
jaredpalmer
am 5. Juli 2017
Ich verwende gestylte Komponenten (CSSinJS) für mein Styling und stehe auch in der Produktion vor diesem Problem.
anuraghakeem
am 4. Sept. 2019
@corydeppen Hallo. Haben Sie dieses Problem gelöst?
snowsea-dev
am 3. Okt. 2019
Verwandte Themen
mhuggins
·
3Kommentare
Ronny25
·
5Kommentare
pseudo-su
·
3Kommentare
knipferrc
·
5Kommentare
alexjoyner
·
3Kommentare
Hilfreichster Kommentar
Dies geschieht nur während der Entwicklung. Es gibt kein FOUC, wenn es in der Produktion läuft. Wenn dies problematisch ist, schlage ich vor, Razzle zu erweitern, um das Text-Webpack-Plugin zum Extrahieren zu verwenden, um Stylesheets während der Entwicklung herauszuziehen, genau wie sie in Razzle-Build gezogen werden. Ich bin mir nicht sicher, ob HMR so funktioniert, wie Sie es erwarten, wenn Sie diese Änderung vornehmen