[TIL] tailwindcss 설치하기

react 앱 설치 후

npm install -D tailwindcss postcss autoprefixer

npx tailwindcss init

 

명령어 각각 입력

 

// tailwind.config.js 파일에 아래 추가

module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

 

// 최상위 css 파일에 아래 추가

@tailwind base;
@tailwind components;
@tailwind utilities;