Tailwind config

Tailwind 설정은 디자인 토큰과 스캔 범위를 고정한다

content 경로, theme 확장, plugin 설정이 맞아야 필요한 class만 생성되고 디자인 규칙도 흔들리지 않는다.

Content 스캔 경로 사용 class 탐지

Theme 색/간격/폰트 토큰 확장

Plugin 폼/타이포 규칙 추가

Build 사용한 CSS만 누락/과다 생성 점검

실수

증상

해결

content 누락

스타일 적용 안 됨

mdx/components 포함

임의 색 남발

디자인 분산

theme 토큰화

동적 class

빌드 누락

명시 safelist

핵심 Tailwind 설정은 유틸리티를 많이 쓰기 위한 파일이 아니라 생성할 CSS의 범위와 디자인 언어를 잠그는 파일이다.