Hvorfor konvertere ASTRO til HTML?
Astro er et byggeverktøy, ikke et kjøremiljø, så hele jobben er å kompilere .astro-komponenter ned til forhåndsrendret HTML for raske, rammeverk-frie sider. Folk ønsker de rå .html-filene for å distribuere til statiske tjenester, arkivere en side, eller legge koden inn i et annet system.
Hvordan konvertere ASTRO til HTML
Astro CLI build FREE
I prosjektet ditt kjører du npm run build (som kaller astro build). Astro skriver statiske .html-filer pluss hashet CSS/JS til dist/-mappen som standard.
astro build med tilpasset outDir OPEN-SOURCE
Angi outDir i astro.config.mjs eller kjør astro build --outDir ./out for å plassere generert .html i en mappe etter eget valg.
Om disse formatene
En .astro-fil er en komponentmal for Astro-rammeverket. Den inneholder HTML-lignende markering pluss en valgfri JavaScript- eller TypeScript-skriptseksjon, og Astro kompilerer den til ren…
Åpne .ASTRO-detaljer →En HTML-fil er en nettside - ren tekst med markeringskoder som en nettleser gjør om til den formaterte siden du ser. For å vise den, dobbeltklikk slik at den åpnes i nettleseren din (Edge,…
Åpne .HTML-detaljer →Kvalitet og hva du bør passe på
- Utdataene er det rendrede resultatet, ikke kildekoden din -
.astrofrontmatter, komponenter og importer er kompilert bort til flat markup. - Sider som bruker server-side rendering (
output: 'server') eller dynamiske ruter vil ikke forhåndsrendres til statisk.htmluten en statisk adapter ellergetStaticPaths. - HTML refererer til eksterne hashede CSS- og JS-filer i
dist/; en enkelt lagret side kan miste stilen med mindre du beholder disse ressursene.
Ofte stilte spørsmål
Hvor legger Astro HTML-filene?
dist/-mappen som standard, med hver rute som sin egen index.html (for eksempel about/index.html).Kan jeg få én selvstendig HTML-fil?
Fungerer interaktive komponenter fortsatt i HTML-en?
client:*-direktiv; ellers får du statisk markup uten klientside-oppførsel.Hvilken kommando bygger nettstedet?
npm run build, som kjører astro build under panseret.