Integrare Astro

Integrarea UnoCSS pentru Astro: @unocss/astro. Consultați exemplul.

Instalare

pnpm

pnpm add -D unocss

yarn

yarn add -D unocss

npm

npm install -D unocss

bun

bun add -D unocss

import { defineConfig } from 'astro/config'
import UnoCSS from 'unocss/astro'

export default defineConfig({
  integrations: [
    UnoCSS(),
  ],
})

Creați un fișier uno.config.ts:

import { defineConfig } from 'unocss'

export default defineConfig({
  // ...opțiuni UnoCSS
})

Resetare Stil

În mod implicit, resetarea stilului browser nu va fi injectată. Pentru a o activa, instalați pachetul @unocss/reset:

pnpm

pnpm add -D @unocss/reset

yarn

yarn add -D @unocss/reset

npm

npm install -D @unocss/reset

bun

bun add -D @unocss/reset

Și actualizați astro.config.ts:

import { defineConfig } from 'astro/config'
import UnoCSS from 'unocss/astro'

export default defineConfig({
  integrations: [
    UnoCSS({
      injectReset: true // sau o cale către fișierul de resetare
    }),
  ],
})

Utilizare fără preset-uri

Acest plugin nu vine cu niciun preset implicit.

pnpm

pnpm add -D @unocss/astro