Tailwind CSS

インストール

pnpm

npm

yarn

bun

pnpm add -D tailwindcss @tailwindcss/postcss postcss

プロジェクトルートに postcss.config.mjs を作成：

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

スタイルエントリーで Tailwind をインポート：

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

ページエントリーでこの CSS ファイルをインポート：

import "./index.css";

その後、コンポーネントで直接 Tailwind クラス名を使用できます。