본문 바로가기
Q&A2026년 4월 3일1분 읽기

Tailwind CSS 4에서 tailwind.config.js가 안 먹히는데 어떻게 마이그레이션하나요?

C
CSS고민중
조회 464댓글 1

기존 프로젝트를 Tailwind CSS 4로 업그레이드했는데, tailwind.config.js 설정이 전혀 적용이 안 됩니다.

커스텀 색상이나 폰트가 다 무시되고, 기본 스타일만 나오네요. v4에서 설정 방식이 바뀌었다고 하는데 어떻게 마이그레이션해야 하나요?

TailwindCSS마이그레이션
이전 글
SSH 키 인증 설정했는데 "Permission denied (publickey)" 오류가 계속 나요
다음 글
재택근무 3년차, 생산성 유지하는 루틴 공유합니다

댓글 1

김김영삼7개월 전
Tailwind CSS 4는 설정 방식이 완전히 바뀌었습니다. tailwind.config.js 대신 CSS 파일에서 직접 설정합니다:

@import "tailwindcss";

@theme {
  --color-primary: #3b82f6;
  --font-sans: "Inter", sans-serif;
}


자동 마이그레이션 도구: npx @tailwindcss/upgrade

이걸 실행하면 대부분 자동 변환됩니다.
Ctrl+Enter로 등록