Waarom ASTRO naar HTML converteren?
Astro is een build-tool, geen runtime, dus zijn hele taak is het compileren van .astro-componenten naar vooraf gerenderde HTML voor snelle, framework-vrije pagina's. Mensen willen de onbewerkte .html-bestanden om te implementeren op statische hosts, een pagina te archiveren of de markup in een ander systeem te plaatsen.
Hoe ASTRO naar HTML te converteren
Astro CLI build FREE
Voer in je project npm run build uit (wat astro build aanroept). Astro schrijft standaard statische .html-bestanden plus gehashte CSS/JS naar de map dist/.
astro build met aangepaste outDir OPEN-SOURCE
Stel outDir in in astro.config.mjs of voer astro build --outDir ./out uit om de gegenereerde .html in een map naar keuze te plaatsen.
Over deze formaten
Een .astro-bestand is een component-sjabloon voor het Astro webframework. Het bevat HTML-achtige markup plus een optionele JavaScript- of TypeScript-scriptsectie, en Astro compileert dit…
Open .ASTRO details →Een HTML-bestand is een webpagina - platte tekst met markup-tags die een browser omzet in de opgemaakte pagina die u ziet. Om het te bekijken, dubbelklikt u erop en het opent in uw browser…
Open .HTML details →Kwaliteit & waar op te letten
- De uitvoer is het gerenderde resultaat, niet je broncode -
.astrofrontmatter, componenten en imports worden weggecompileerd tot platte markup. - Pagina's die gebruikmaken van server-side rendering (
output: 'server') of dynamische routes worden niet vooraf gerenderd naar statische.htmlzonder een statische adapter ofgetStaticPaths. - HTML verwijst naar externe gehashte CSS- en JS-bestanden in
dist/; een enkele opgeslagen pagina kan de styling verbreken tenzij je die assets bewaart.
Veelgestelde vragen
Waar plaatst Astro de HTML-bestanden?
dist/, waarbij elke route zijn eigen index.html heeft (bijvoorbeeld about/index.html).Kan ik één op zichzelf staand HTML-bestand krijgen?
Werken interactieve componenten nog steeds in de HTML?
client:* directive; anders krijg je statische markup zonder gedrag aan de clientzijde.Welk commando bouwt de site?
npm run build, wat onder de motorkap astro build uitvoert.