인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

한정훈님의 프로필 이미지

작성한 질문수

실무에 바로 적용하는 스토리북과 UI 테스트

[업데이트] npm install로 디자인시스템 활용하기

tailwind 4.x 버전 변경된 CSS 추출(?) 커맨드

작성

·

74

0

강의에 있는 커맨드가 사용되지 않아서 이곳 저곳 돌아다니다가 발견했네요

 

npx @tailwindcss/cli -i ./src/index.css -o ./src/output.css --watch  

 

 

답변 2

1

강병진님의 프로필 이미지
강병진
지식공유자

공유해주셔서 감사합니다! 강의자료에 업데이트 해두도록 하겠습니다

1

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다. 한정훈님. Tailwind CSS 4.x 버전에서 CSS 추출에 관련된 커맨드가 변경되어 혼란스러우셨을 것 같습니다. 새로운 커맨드는 다음과 같습니다:

npx @tailwindcss/cli -i ./src/index.css -o ./src/output.css --watch

이 커맨드는 @tailwindcss/cli를 사용하여 입력 파일 ./src/index.css에서 처리하여 출력 파일 ./src/output.css로 저장하고, --watch 옵션을 통해 파일 변경 시 자동으로 업데이트 및 결과물을 받을 수 있게 합니다.

이 외에도 Tailwind CSS 4.0의 다양한 변화와 설치 방법에 대한 내용은 기존에 제시된 질문과 답변에서도 다루고 있습니다. 강의 내 혹은 다른 유용한 팁을 보시려면 아래 링크를 참고해 주세요.

해당 링크에서 강의와 다른 부분에 대한 자세한 설명을 확인할 수 있습니다. 관련 설명은 Tailwind CSS 4.0이 도입한 변경 사항의 이해를 돕는 데 유용할 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.