¿Por qué convertir ASTRO a HTML?
Astro es una herramienta de construcción, no un entorno de ejecución, por lo que su función principal es compilar componentes .astro en HTML pre-renderizado para obtener páginas rápidas y sin frameworks. Los usuarios desean los archivos .html puros para desplegarlos en hosts estáticos, archivar una página o insertar el marcado en otro sistema.
Cómo convertir ASTRO a HTML
Construcción mediante Astro CLI FREE
En su proyecto, ejecute npm run build (que llama a astro build). Astro escribe archivos .html estáticos junto con CSS/JS con hash en el directorio dist/ por defecto.
astro build con outDir personalizado OPEN-SOURCE
Configure outDir en astro.config.mjs o ejecute astro build --outDir ./out para colocar el .html generado en la carpeta de su elección.
Acerca de estos formatos
Un archivo .astro es una plantilla de componente para el framework web Astro. Contiene marcado de estilo HTML más una sección opcional de script en JavaScript o TypeScript, y Astro lo…
Abrir detalles de .ASTRO →
.HTML
HyperText Markup Language Web Page
Un archivo HTML es una página web: texto plano con etiquetas de marcado que un navegador convierte en la página con formato que usted ve. Para verlo, haga doble clic y se abrirá en su…
Abrir detalles de .HTML →Calidad y qué observar
- La salida es el resultado renderizado, no su código fuente: el frontmatter de
.astro, los componentes y las importaciones se compilan en un marcado plano. - Las páginas que utilizan renderizado en el lado del servidor (
output: 'server') o rutas dinámicas no se pre-renderizarán a.htmlestático sin un adaptador estático ogetStaticPaths. - El HTML hace referencia a archivos externos CSS y JS con hash en
dist/; una sola página guardada puede perder el estilo a menos que conserve esos activos.
Preguntas frecuentes
¿Dónde coloca Astro los archivos HTML?
dist/ por defecto, con cada ruta como su propio index.html (por ejemplo, about/index.html).¿Puedo obtener un único archivo HTML autónomo?
¿Siguen funcionando los componentes interactivos en el HTML?
client:*; de lo contrario, obtendrá marcado estático sin comportamiento en el lado del cliente.¿Qué comando construye el sitio?
npm run build, que ejecuta astro build internamente.
