[React] yarn build 후 배포한 페이지에서 tailwind.config.js 에 정의한 커스텀 컬러가 적용되지 않을 때 해결 방법

• 문제 현상 : yarn build 후 배포한 페이지에서 tailwind.config.js 에 정의한 커스텀 컬러가 적용되지 않음

• 해결 방법

  1. npx tailwindcss-cli@latest build -o tailwind.css 으로 tailwind 관련 css 파일 생성

      $ npx tailwindcss-cli@latest build -o tailwind.css
     
         tailwindcss 2.0.4
     
         🚀 Building from default CSS... (No input file provided)
     
         ✅ Finished in 3.04 s
         📦 Size: 4.28MB
         💾 Saved to tailwind.css

  2. 생성된 tailwind.css 파일을 public 폴더에 복사

  3. public/index.html 파일에 head 내에서 tailwind.css 을 로드

  <link href="/tailwind.css" rel="stylesheet" />