varmil
https://blog.hatena.ne.jp/varmil/
varmil’s diary
https://varmil.hateblo.jp/
react
github.com 概要 Critical CSS を <head></head> の中にサーバ側で展開するためのプラグイン。クライアント側もサーバ側も同じwebpack設定で用いる。 ただのstyle-loaderだとサーバ側は使用できない（DOM操作を伴うのでビルド時にエラーになる）。そのためサーバ側でHTMLコンテンツだけ組み立てて（半SSRみたいな形で）Responseを返すと、クライアント側で FOUC が発生してしまう（HTMLレンダリング --> JS読み込み --> <head>内にCSS展開 --> 適用 という順番で評価されるため）。これを回避するためにSSR時にCSSも…
190
<iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fvarmil.hateblo.jp%2Fentry%2F2016%2F08%2F29%2F164452" title=" isomorphic-style-loaderの使い方 - varmil’s diary" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe>
Hatena Blog
https://hatena.blog
2016-08-29 16:44:52
isomorphic-style-loaderの使い方
rich
https://varmil.hateblo.jp/entry/2016/08/29/164452
1.0
100%