Tailwind 기초

 

craco를 설치한다.

yarn add @craco/craco

 

 

package.json 의 script 객체를 아래와 같이 덮어쓴다.

"scripts": {
  "start": "craco start",
  "build": "craco build",
  "test": "craco test"
}

 

 

프로젝트 루트 디렉토리에 craco.config.ts 파일을 생성하고, 아래 내용을 추가한다.

module.exports = {
  style: {
    postcss: {
      plugins: [require('tailwindcss'), require('autoprefixer')],
    },
  },
};

 

 

그리고 아래 명령어를 통해 tailwind.config 파일을 생성한다.

yarn tailwindcss init -p