styled-components を試す - アカベコマイリ

styled-components を試す - アカベコマイリ

これまで React における CSS 定義に CSS Modules を採用していた。しかし css-loader でサポート廃止が...概要を表示 これまで React における CSS 定義に CSS Modules を採用していた。しかし css-loader でサポート廃止が検討されているようだ。また CSS Modules の対抗馬である CSS in JS 系の使用感にも興味があったので代表格とおぼしき styled-components を試すことにした。 例によって実験対象は akabekobeko/examples-electron とする。 環境構築 必要な npm をプロジェクトに追加する。@types/styled-components は開発時にだけ必要なので -D にしておく。 $ npm i styled-components $ npm i -D @types/styled-components typescript-styled-plugin