tailwindcss 적용하기(jit모드까지!)

테일윈드 최신버전은 3.0.0이고 내가 적용한 버전은 바로 아랫버전이다

cra에서 적용하기
https://v2.tailwindcss.com/docs/guides/create-react-app
여기까지 기본적인 tailwindcss를 적용하는 과정이며 jit모드는 따로 다음과같이 설정하면된다.

tailwind.config.js 파일을 다음과같이 변경한다.

module.exports = {
  ...
  mode: ""=>"jit"
...
};

그리고 추가로

npm install cross-env 

을 설치하여
스크립트로 실행시

"start": "cross-env TAILWIND_MODE=watch craco start",

을 추가해주면 된다.