<div id="readability-page-1" class="page"><div><p>tailwindcss에서 <code>@import</code>를 사용하려고 하면 <code>@import</code>는 맨 위에 와야 한다고 에러가 날 수 있는데요. 그러나 맨 위에는 <code>@tailwind</code> 구문이 있기 때문에 뭘 어쩌라는 건가 싶습니다.</p><p>그러나 아래처럼 쓸 수 있도록 tailwindcss가 이미 제공하고 있습니다.</p><pre><code>@import "tailwindcss/base";
@import "./custom-base-styles.css";

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

@import "tailwindcss/utilities";
@import "./custom-utilities.css";</code></pre><p>더 자세한 내용은 <a href="https://tailwindcss.com/docs/using-with-preprocessors#build-time-imports">공식 문서</a>를 참고하세요</p></div><div id="about"><figure><img width="300" height="300" src="https://mytory.net/wp-content/uploads/2024/05/profile-300x300-1.webp" alt=""></figure></div></div>

웹으로 말하기

tailwindcss에서 @import를 사용하려고 하면 @import는 맨 위에 와야 한다고 에러가 날 수 있는데요. 그러나 맨 위에는 @tailwind 구문이 있기 때문에 뭘 어쩌라는 건가 싶습니다. 그러나 아래처럼 쓸 수 있도록 tailwindcss가 이미 제공하고 있습니다. 더 자세한 내용은 공식 문서를 참고하세요

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

댓글