JS 번들 불필요하게 키우지 마세요: traceless-style을 활용한 제로 러닝타임 CSS 마스터하기 ⚡
(dev.to)traceless-style은 런타임 오버헤드 없이 빌드 타임에 CSS를 컴파일하여 JS 번들 크기를 줄이고 웹 성능(Core Web Vitals)을 극대화하는 제로 러닝타임 스타일링 솔루션을 제시합니다.
이 글의 핵심 포인트
- 1tl.create API를 통해 빌드 타임에 CSS 스타일을 정의하고 클래스명으로 변환함
- 2런타임 오버헤드를 제거하기 위해 AST 파서를 사용하여 스타일 속성을 해싱함
- 3동적 변수나 템플릿 리터럴 사용을 제한하여 컴파일 타임의 안정성 확보