#UnoCSS

#Instalación

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

#Configuración

Crear postcss.config.mjs:

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

Opcional: Crear uno.config.ts para reglas de extensión.

#Uso

Importar UnoCSS en tu entrada de estilo:

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

E importar este CSS en el script de entrada:

import "./index.css";

Luego puedes usar clases atómicas de UnoCSS en componentes.