작성한 클래스는 모듈 경계 안에서만 의미를 가진다

CSS Modules에서 클래스 이름은 import한 객체를 통해서만 안정적으로 참조된다.

Define .title 모듈 파일 안

Import styles.title 컴포넌트에서 참조

Hash title_x9a 빌드 결과

Avoid global leak 범위 밖 의존 금지

패턴

효과

주의

styles.name

타입/오타 확인 쉬움

동적 문자열 주의

:global

외부 라이브러리 보정

최소 사용

composition

공통 조합

과도한 결합 금지

핵심 모듈 클래스는 사람이 붙인 이름과 브라우저에 내려가는 이름이 다르다는 점을 전제로 다뤄야 한다.