Razzle: Gaya tidak dirender di server
Saya perhatikan gaya tidak dirender di server dan hanya dirender setelah aplikasi klien dimulai, menyebabkan kilasan singkat konten tanpa gaya. Ketika saya melihat build/assets.json , kunci css hilang setelah menjalankan yarn start , tetapi ada setelah menjalankan yarn build . Jika sengaja mengekstrak gaya hanya untuk build produksi, saya mencoba memahami bagaimana gaya dapat dirender sebelum aplikasi klien memulai dan mencegah FOUC.
corydeppen
Semua 3 komentar
Ini hanya terjadi selama pengembangan. Tidak ada FOUC saat dijalankan dalam produksi. Jika ini bermasalah, saya sarankan memperluas razzle untuk menggunakan plugin ekstrak teks webpack untuk mengeluarkan style sheet selama dev seperti yang ditarik di razzle-build. Saya tidak yakin HMR akan bekerja seperti yang Anda harapkan jika Anda membuat perubahan ini
jaredpalmer
pada 5 Jul 2017
Saya menggunakan komponen gaya (CSSinJS) untuk gaya saya dan saya juga menghadapi masalah ini dalam produksi.
anuraghakeem
pada 4 Sep 2019
@corydeppen Halo. Sudahkah Anda memecahkan masalah ini?
snowsea-dev
pada 3 Okt 2019
Masalah terkait
Jayphen
·
4Komentar
panbanda
·
5Komentar
mhuggins
·
3Komentar
piersolenski
·
4Komentar
gabimor
·
3Komentar
Komentar yang paling membantu
Ini hanya terjadi selama pengembangan. Tidak ada FOUC saat dijalankan dalam produksi. Jika ini bermasalah, saya sarankan memperluas razzle untuk menggunakan plugin ekstrak teks webpack untuk mengeluarkan style sheet selama dev seperti yang ditarik di razzle-build. Saya tidak yakin HMR akan bekerja seperti yang Anda harapkan jika Anda membuat perubahan ini