다음과 같이 인라인으로 작성해야 합니까?
또는 별도의 파일에 저장합니다. 예:
귀하의 index.css 파일에는 유틸리티 클래스가 포함될 수 있습니다. tailwind 명령 tailwind -i index.css -o output.css을 사용하여 CSS 파일을 빌드하고 생성합니다.
index.css
tailwind -i index.css -o output.css
html 파일의 class 속성에서 tailwind 인라인을 사용해야 합니다.
class
마지막으로 필요한 것은 작업 디렉터리에서 tailwind init를 실행할 때 자동으로 생성되는 tailwind 구성 파일입니다. 구성 파일은 다음과 같습니다:
tailwind init
이 파일의 목적은 html 파일이 tailwind 클래스를 사용하고 있는지 확인하고, 그렇다면 빌드 명령을 실행할 때 output.css를 기반으로 렌더링하는 것입니다.
output.css
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
귀하의
index.css파일에는 유틸리티 클래스가 포함될 수 있습니다. tailwind 명령tailwind -i index.css -o output.css을 사용하여 CSS 파일을 빌드하고 생성합니다.html 파일의
으아아아class속성에서 tailwind 인라인을 사용해야 합니다.마지막으로 필요한 것은 작업 디렉터리에서
으아아아tailwind init를 실행할 때 자동으로 생성되는 tailwind 구성 파일입니다. 구성 파일은 다음과 같습니다:이 파일의 목적은 html 파일이 tailwind 클래스를 사용하고 있는지 확인하고, 그렇다면 빌드 명령을 실행할 때
output.css를 기반으로 렌더링하는 것입니다.