Hvorfor konvertere ASTRO til HTML?
Astro er et build-værktøj, ikke en runtime, så hele dets opgave er at kompilere .astro-komponenter ned til præ-renderet HTML for hurtige, framework-frie sider. Folk ønsker de rå .html-filer for at udrulle til statiske værter, arkivere en side eller indsætte markup i et andet system.
Sådan konverterer du ASTRO til HTML
Astro CLI build FREE
I dit projekt skal du køre npm run build (hvilket kalder astro build). Astro skriver som standard statiske .html-filer plus hashed CSS/JS i mappen dist/.
astro build med brugerdefineret outDir OPEN-SOURCE
Indstil outDir i astro.config.mjs eller kør astro build --outDir ./out for at placere den genererede .html i en mappe efter eget valg.
Om disse formater
En .astro-fil er en komponentskabelon til Astro-webframeworket. Den indeholder HTML-lignende markup plus en valgfri JavaScript- eller TypeScript-scriptsektion, og Astro kompilerer den til…
Åbn .ASTRO detaljer →En HTML-fil er en webside - almindelig tekst med markup-tags, som en browser omdanner til den formaterede side, du ser. For at se den skal du dobbeltklikke, hvorefter den åbnes i din…
Åbn .HTML detaljer →Kvalitet & hvad man skal være opmærksom på
- Outputtet er det renderede resultat, ikke din kilde -
.astrofrontmatter, komponenter og imports er kompileret væk til flad markup. - Sider, der bruger server-side rendering (
output: 'server') eller dynamiske ruter, vil ikke præ-rendere til statisk.htmluden en statisk adapter ellergetStaticPaths. - HTML refererer til eksterne hashed CSS- og JS-filer i
dist/; en enkelt gemt side kan ødelægge stylingen, medmindre du beholder disse aktiver.
Ofte stillede spørgsmål
Hvor lægger Astro HTML-filerne?
dist/ som standard, med hver rute som sin egen index.html (for eksempel about/index.html).Kan jeg få én selvstændig HTML-fil?
Fungerer interaktive komponenter stadig i HTML-koden?
client:* direktiv; ellers får du statisk markup uden klient-side adfærd.Hvilken kommando bygger webstedet?
npm run build, som kører astro build under motorhjelmen.