2017-08-24 9 views
0

Preact CLIには、pre-renderingという機能があります。 JavaScriptがまだロードされていない状態で、HTML内で特定のルートの内容を直接処理することができます。プリレンダリング済みPreact CLIビルドにスタイルを含める

コンテンツはHTML(静的にサーバー側で表示されます)で直接読み込まれます。したがって、JavaScriptバンドルはその時点でロードされていないため、コンテンツはスタイルなしで表示され、その結果、スタイルは数秒後に点滅します。

プレレンダリングを無効にすることはできますが、これはうまくいきますが、これは有用な機能を破棄することを意味します。スタイルを事前にレンダリングして含むソリューションはありますか?それ以外に何ができますか?

答えて

0

実際には、カスタムテンプレートwitk --templateフラグを使用していない限り、コンテンツはスタイルなしで表示しないでください。

デフォルトのテンプレートには、HEADセクションに<link rel='stylesheet'が含まれています。それはあなたが述べている問題を避けるべきです。

その後、jSがインタラクティブになりますが、FOUCはそこには存在しません。

関連する問題