Tailwind.css가 적용되지 않는 이유

886 단어 CSSGatsby.jsTailwind CSStech

일어난 일


  • 이쪽 튜토리얼의 Option1: PostCSS 방법으로 Tailwind를 설정한 곳은 Tailwind의 스타일링이 적용되지 않아 곤란합니다.
  • Gatsby 공식 문서: https://www.gatsbyjs.com/docs/how-to/styling/tailwind-css/
  • 유튜브 비디오:

  • Tailwind 공식 문서가 Gatsby에 추가된 방법을 확인한 뒤 원인을 판명한다.
  • https://tailwindcss.com/docs/guides/gatsby

    • 저자의 환경


    Gatsby: 4.3.0

    까닭


    →tailwind.config.js 파일에 다음 줄이 없습니다.
    
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",  // <- これ
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}
    이를 추가gatsby develop하면 Tailwind 스타일을 적용한다.
    사용자 정의 ESLint 플러그인 작성 방법
    어느 것이 빠릅니까?

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage