tailwindcss에서 임포트 구문 사용하기

,

tailwindcss에서 @import를 사용하려고 하면 @import는 맨 위에 와야 한다고 에러가 날 수 있는데요. 그러나 맨 위에는 @tailwind 구문이 있기 때문에 뭘 어쩌라는 건가 싶습니다.

그러나 아래처럼 쓸 수 있도록 tailwindcss가 이미 제공하고 있습니다.

@import "tailwindcss/base";
@import "./custom-base-styles.css";

@import "tailwindcss/components";
@import "./custom-components.css";

@import "tailwindcss/utilities";
@import "./custom-utilities.css";

더 자세한 내용은 공식 문서를 참고하세요

카테고리

,

17년차 풀스택 웹 개발자 Mytory입니다

웹 개발에서도 중요한 것은 개념입니다.
이 블로그에는 제가 개발하며 익힌 개념들을 정리합니다.

워드프레스를 오래 다뤄 왔고 강의도 두 편 찍었습니다.
– 인프런 “워드프레스 제대로 개발하기 어드민 편, 클라이언트 편
– 클래스101 “누구나 할 수 있는 워드프레스 홈페이지 만들기 – 기획부터 출시까지 한 방에 OK

유튜브 채널에 워드프레스 관련 팁들을 올리고 있습니다.

👉 소개 더 보기

대표글

댓글 남기기