#UnoCSS

#Установка

pnpm

npm

yarn

bun

pnpm add -D unocss @unocss/postcss

npm install -D unocss @unocss/postcss

yarn add -D unocss @unocss/postcss

bun add -D unocss @unocss/postcss

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

Создайте postcss.config.mjs:

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

Опционально: создайте uno.config.ts для расширения правил.

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

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

/* app/popup/index.css */
@unocss;

И импортируйте этот CSS в entry скрипте:

import "./index.css";

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