인라인 tailwind CSS와 다중 파일 tailwind CSS의 차이점은 무엇입니까?

Question

다음과 같이 인라인으로 작성해야 합니까?

• 모든 Tailwind 런처가 포함된 인덱스 .css 파일

으아악

또는 별도의 파일에 저장합니다. 예:

• index.css
  • 파일 1.css
  • 파일 2.css

Answer 1

귀하의 index.css 파일에는 유틸리티 클래스가 포함될 수 있습니다. tailwind 명령 tailwind -i index.css -o output.css을 사용하여 CSS 파일을 빌드하고 생성합니다.

html 파일의 class 속성에서 tailwind 인라인을 사용해야 합니다.

으아아아

마지막으로 필요한 것은 작업 디렉터리에서 tailwind init를 실행할 때 자동으로 생성되는 tailwind 구성 파일입니다. 구성 파일은 다음과 같습니다:

으아아아

이 파일의 목적은 html 파일이 tailwind 클래스를 사용하고 있는지 확인하고, 그렇다면 빌드 명령을 실행할 때 output.css를 기반으로 렌더링하는 것입니다.