Perché convertire ASTRO in HTML?
Astro è uno strumento di build, non un runtime, quindi il suo compito principale è compilare i componenti .astro in HTML pre-renderizzato per pagine veloci e prive di framework. Gli utenti desiderano i file .html grezzi per distribuirli su host statici, archiviare una pagina o inserire il markup in un altro sistema.
Come convertire ASTRO in HTML
Build tramite Astro CLI FREE
Nel tuo progetto esegui npm run build (che richiama astro build). Astro scrive i file .html statici insieme a CSS/JS con hash nella directory dist/ per impostazione predefinita.
astro build con outDir personalizzata OPEN-SOURCE
Imposta outDir in astro.config.mjs o esegui astro build --outDir ./out per posizionare i file .html generati in una cartella a tua scelta.
Informazioni su questi formati
Un file .astro è un template di componente per il framework web Astro. Contiene markup in stile HTML più una sezione script opzionale in JavaScript o TypeScript, e Astro lo compila in…
Apri dettagli .ASTRO →
.HTML
HyperText Markup Language Web Page
Un file HTML è una pagina web - testo semplice con tag di markup che un browser trasforma nella pagina formattata che vedi. Per visualizzarlo, fai doppio clic e si aprirà nel tuo browser…
Apri dettagli .HTML →Qualità e a cosa prestare attenzione
- L'output è il risultato renderizzato, non il tuo codice sorgente: il frontmatter di
.astro, i componenti e gli import vengono compilati in markup piatto. - Le pagine che utilizzano il rendering lato server (
output: 'server') o le rotte dinamiche non verranno pre-renderizzate in.htmlstatico senza un adattatore statico ogetStaticPaths. - L'HTML fa riferimento a file esterni CSS e JS con hash in
dist/; una singola pagina salvata può perdere lo stile a meno di non conservare anche quegli asset.
Domande frequenti
Dove vengono messi i file HTML da Astro?
dist/ per impostazione predefinita, con ogni rotta come proprio index.html (ad esempio about/index.html).Posso ottenere un singolo file HTML autonomo?
I componenti interattivi funzionano ancora nell'HTML?
client:*; in caso contrario, otterrai markup statico senza comportamento lato client.Quale comando compila il sito?
npm run build, che esegue astro build internamente.
