@stylify/astro

La integración de Astro simplifica la integración de CSS de Stylify en el Astro.build.

Pruébalo en StackBlitz

Instalación

La integración se puede instalar sólo a través de CLI como NPM o Yarn:

yarn add @stylify/astro
npm i @stylify/astro

Uso

Añade un buildModule en el astro.config.mjs:

import { defineConfig } from 'astro/config';
import stylify from '@stylify/astro';

export default defineConfig({
	integrations: [stylify()]
});

Configuración

La configuración es opcional. Si la opción “bundles” no está configurada, todos los archivos dentro del directorio src serán compilados y un único archivo stylify.css será generado e inyectado a todas las páginas.

Configuración en astro.config.mjs:

stylify({
	// https://stylifycss.com/en/docs/unplugin#configuration
})

También puedes configurar el CSS de Stylify usando el archivo personalizado o stylify.config.js creado junto al astro.config.mjs.

import { defineConfig } from '@stylify/astro';

export default defineConfig({
	// https://stylifycss.com/en/docs/unplugin#configuration
});

Fragmentos de configuración

También puedes usar configuration snippets para la aplicación Astro para acelerar la configuración.