Tailwind CSS

설치

pnpm

npm

yarn

bun

pnpm add -D tailwindcss @tailwindcss/postcss postcss

프로젝트 루트에 postcss.config.mjs를 생성합니다:

export default {
  plugins: {
    "@tailwindcss/postcss": {},
  },
};

스타일 Entry에서 Tailwind를 가져옵니다:

/* app/popup/index.css */
@import "tailwindcss";

페이지 Entry에서 이 CSS 파일을 가져옵니다:

import "./index.css";

그런 다음 컴포넌트에서 직접 Tailwind 클래스를 사용할 수 있습니다.