CSS
CSSモジュール
中級読み方：シーエスエスモジュール｜英語：Css Module
CSSのクラス名をファイル単位でスコープ化する仕組み。名前の衝突を防ぐ。
やさしい説明
CSSモジュールは、CSSのクラス名がファイルごとに独立する仕組みです。
同じ.btnというクラス名を別ファイルで使っても衝突しません。ビルド時に一意の名前に変換されます。
具体例・使い方
Button.module.css → .btn が .Button_btn_x7f2k に変換される
import styles from './Button.module.css'; → styles.btn で参照
よくある疑問
Q: CSSモジュールとCSS-in-JSの違いは？
A: CSSモジュールは通常のCSSファイルにスコープを追加、CSS-in-JSはJSの中にCSSを書きます。