1
원본 CSS 파일
파일명에 .module이 들어가면 클래스 이름을 지역 스코프로
취급한다.
CssModulesExample.module.css
.myButton
.primary
2
styles 객체 매핑
import된 객체는 원래 클래스 이름을 고유 클래스 문자열로 연결한다.
styles.myButton
CssModulesExample_myButton__abc123
styles.primary
CssModulesExample_primary__def456
3
JSX와 DOM 결과
JSX에서는 속성으로 읽고, 브라우저에는 충돌하지 않는 해시명이 남는다.
className={styles.myButton}
button.className: CssModulesExample_myButton__abc123