[Memo] tailwind 초기 세팅

맨날 까먹어서 적어놓는 tailwindcss 초기 세팅..

pnpm add -D tailwindcss postcss autoprefixer
 pnpm dlx tailwindcss@3.4.17 init -p

그럼, postcss.config.js, tailwind.config.js 가 생김

main.css

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

tailwind.config.js

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

It looks like you're trying to use tailwindcss directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration.

이거는 tailwind가 v4로 업그레이드되면서 postCSS와의 종속성을 없앴기 때문..

tailwindcss를 v3으로 다운그레이드 했다

pnpm install -D tailwindcss@3.4.17

세팅 완료~!