#Tailwind CSS

#Установка

pnpm

npm

yarn

bun

pnpm add -D tailwindcss @tailwindcss/postcss postcss

npm install -D tailwindcss @tailwindcss/postcss postcss

yarn add -D tailwindcss @tailwindcss/postcss postcss

bun add -D tailwindcss @tailwindcss/postcss postcss

#Конфигурация

Создайте postcss.config.mjs в корне проекта:

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

#Использование

Импортируйте Tailwind в вашем стилевом entry:

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

Импортируйте этот CSS файл в entry страницы:

import "./index.css";

Затем можно использовать классы Tailwind непосредственно в компонентах.