Astro v0.25.0 ha sido lanzado con algunas emocionantes novedades para compartir:
- Nuevo: Integraciones de Astro
- Nuevo: comando
astro add - Salida del CLI de Build Mejorada
- Resaltador de Sintaxis Astro + Shiki
Oh, y mantente atento mañana para otro anuncio MUY emocionante…
Nuevo: Integraciones de Astro
Hay algunas verdades innegables sobre el mundo: El sol saldrá. La pizza sabe deliciosa. Los desarrolladores aman personalizar sus herramientas de build.
No podemos hacer nada respecto a las dos primeras, pero podemos hacer Astro aún más fácil de personalizar para ti. Deberías poder traer tus frameworks (React vs. Svelte, ¡vamos!), herramientas de CSS (Tailwind vs. Sass, ¡vamos!), y paquetes a Astro con solo unas pocas pulsaciones de teclado.
Las Integraciones de Astro son un concepto completamente nuevo para hacer este sueño realidad. Las integraciones desbloquean toda una galaxia de características en unas pocas líneas de código.
Compartiremos mucho más sobre esto durante las próximas dos semanas, pero puedes empezar a explorar la nueva API hoy en nuestro sitio de docs.. Para migrar un proyecto existente de Astro a esta nueva API, lee nuestra guía de migración.
import lit from '@astrojs/lit'; import react from '@astrojs/react';
export default { renderers: ['@astrojs/renderer-lit', '@astrojs/renderer-react'], integrations: [lit(), react()],}Nuevo: comando astro add
Para hacer las integraciones aún más fáciles de usar, Astro v0.25 incluye un nuevo comando CLI experimental: astro add 🚀
Ejecutar astro add te guiará para añadir nuevas integraciones a tu proyecto. Una vez que hayas seleccionado las integraciones a añadir, Astro hará automáticamente los cambios necesarios en tu archivo de configuración e instalará cualquier nueva dependencia en tu proyecto.
Salida del CLI de Build Mejorada
Hasta ahora, el comando astro build se negaba a decirte más de 2 cosas:
- Tu build ha comenzado.
- Tu build ha terminado.
Al probar Astro en proyectos cada vez más grandes, sabemos de primera mano que los largos bloques de silencio nunca son muy inspiradores. Detrás de escena, había innumerables detalles siendo reportados sobre tu build, pero que estaban ocultos en los logs de debug.
A partir de Astro v0.25.0, esos detalles ahora están al frente y al centro en la salida de tu build, dándote información útil sobre cómo está progresando tu build.
Prueba ejecutar astro build en tu proyecto hoy para ver la nueva y bonita salida. 🚀
Resaltador de Sintaxis Astro + Shiki
Nos encanta encontrar valores por defecto sensatos que “simplemente funcionan” out-of-the-box. En Astro v0.25.0, hemos migrado a Shiki como nuestro nuevo resaltador de sintaxis por defecto. Shiki es un resaltador de sintaxis súper potente que desbloquea soporte out-of-the-box para temas populares de VSCode y resaltado de sintaxis en tus bloques de código frontend.
Si prefieres mantener Prism como tu resaltador de sintaxis, no te preocupes. Puedes establecer la opción syntaxHighlight a 'prism' en la configuración de tu proyecto para mantener el comportamiento por defecto anterior de v0.24.0.
Revisa nuestra nueva documentación de resaltado de sintaxis para más detalles.
Gracias a cada colaborador y tester de la vista previa temprana que hizo posible este lanzamiento. Sigue a Astro en Twitter para más actualizaciones y únete a nosotros en Discord para involucrarte en todo lo relacionado con Astro.