Warum ASTRO in HTML konvertieren?
Astro ist ein Build-Tool, keine Laufzeitumgebung. Seine Aufgabe ist es, .astro-Komponenten in vorgerendertes HTML für schnelle, Framework-freie Seiten zu kompilieren. Nutzer benötigen die rohen .html-Dateien, um sie auf statischen Hosts bereitzustellen, eine Seite zu archivieren oder das Markup in ein anderes System einzufügen.
Wie man ASTRO in HTML konvertiert
Astro CLI Build FREE
Führen Sie in Ihrem Projekt npm run build aus (was astro build aufruft). Astro schreibt standardmäßig statische .html-Dateien sowie gehashte CSS/JS-Dateien in das Verzeichnis dist/.
astro build mit benutzerdefiniertem outDir OPEN-SOURCE
Legen Sie outDir in der astro.config.mjs fest oder führen Sie astro build --outDir ./out aus, um das generierte .html in einem Ordner Ihrer Wahl zu speichern.
Über diese Formate
Eine .astro-Datei ist eine Komponentenvorlage für das Astro-Web-Framework. Sie enthält HTML-ähnliches Markup sowie einen optionalen JavaScript- oder TypeScript-Skriptabschnitt, den Astro…
.ASTRO-Details öffnen →Eine HTML-Datei ist eine Webseite - reiner Text mit Markup-Tags, die ein Browser in die formatierte Seite verwandelt, die Sie sehen. Um sie anzuzeigen, doppelklicken Sie darauf, und sie…
.HTML-Details öffnen →Qualität & worauf zu achten ist
- Die Ausgabe ist das gerenderte Ergebnis, nicht Ihr Quellcode -
.astro-Frontmatter, Komponenten und Importe werden zu flachem Markup kompiliert. - Seiten, die serverseitiges Rendering (
output: 'server') oder dynamische Routen verwenden, werden ohne einen statischen Adapter odergetStaticPathsnicht in statisches.htmlvorgerendert. - HTML verweist auf externe gehashte CSS- und JS-Dateien in
dist/; eine einzeln gespeicherte Seite kann das Styling verlieren, wenn Sie diese Assets nicht beibehalten.
Häufig gestellte Fragen
Wo legt Astro die HTML-Dateien ab?
dist/, wobei jede Route als eigene index.html gespeichert wird (zum Beispiel about/index.html).Kann ich eine einzelne, in sich geschlossene HTML-Datei erhalten?
Funktionieren interaktive Komponenten noch im HTML?
client:*-Direktive hydriert wurden; andernfalls erhalten Sie statisches Markup ohne clientseitiges Verhalten.Welcher Befehl erstellt die Website?
npm run build, was im Hintergrund astro build ausführt.