私はstyled-componentsパッケージを使用してきましたが、開発者にとって使いやすさは素晴らしいと思います!
ただし、気になる点が 1 つあります。Flash Of Unstyled Contentです。
本番環境でも開発環境でも、スタイルは javascript チャンクでパッケージ化されます。コンポーネントが読み込まれると、スタイルが生成され、<head>
.
これは本質的に、CSS モジュールの動作と同じです。
私は、survivalJSの投稿を参照して、ExtractTextPluginを使用して、製品のビルド段階で個別のスタイルシート (css ファイル) を作成する方法を学びました。
ただし、styled-components
CSS は単なる JS であるため、その手法を使用することはできません (少なくとも、私はそれを機能させることができませんでした)。
スタイル付きコンポーネントを使用して次のプロジェクトの構築を開始する前に、誰かが私の心配を取り除いてくれませんか?