Razzle: Styles non rendus sur le serveur
J'ai remarqué que les styles ne sont pas rendus sur le serveur et ne sont rendus qu'une fois l'application cliente démarrée, provoquant un bref flash de contenu sans style. Quand j'ai regardé build/assets.json , la clé css était manquante après l'exécution yarn start , mais elle est présente après l'exécution yarn build . S'il est intentionnel d'extraire les styles uniquement pour une version de production, j'essaie de comprendre comment les styles peuvent être rendus avant le démarrage de l'application cliente et empêcher le FOUC.
corydeppen
Tous les 3 commentaires
Cela ne se produit que pendant le développement. Il n'y a pas de FOUC lorsqu'il est exécuté en production. Si cela pose problème, je suggère d'étendre razzle pour utiliser le plug-in d'extraction de texte Webpack pour extraire les feuilles de style pendant le développement, tout comme elles sont extraites dans razzle-build. Je ne suis pas sûr que HMR fonctionnera comme vous le souhaitez si vous apportez ce changement
jaredpalmer
le 5 juil. 2017
J'utilise des composants stylés (CSSinJS) pour mon style et je suis également confronté à ce problème en production.
anuraghakeem
le 4 sept. 2019
@corydeppen Bonjour. Avez-vous résolu ce problème ?
snowsea-dev
le 3 oct. 2019
Questions connexes
mhuggins
·
3Commentaires
gabimor
·
3Commentaires
sebmor
·
4Commentaires
krazyjakee
·
3Commentaires
panbanda
·
5Commentaires
Commentaire le plus utile
Cela ne se produit que pendant le développement. Il n'y a pas de FOUC lorsqu'il est exécuté en production. Si cela pose problème, je suggère d'étendre razzle pour utiliser le plug-in d'extraction de texte Webpack pour extraire les feuilles de style pendant le développement, tout comme elles sont extraites dans razzle-build. Je ne suis pas sûr que HMR fonctionnera comme vous le souhaitez si vous apportez ce changement