Por que converter ASTRO para HTML?
O Astro é uma ferramenta de compilação, não um runtime, então todo o seu trabalho é compilar componentes .astro em HTML pré-renderizado para páginas rápidas e sem frameworks. As pessoas querem os arquivos .html brutos para implantar em hosts estáticos, arquivar uma página ou inserir a marcação em outro sistema.
Como converter ASTRO para HTML
Astro CLI build FREE
No seu projeto, execute npm run build (que chama astro build). O Astro grava arquivos .html estáticos e CSS/JS com hash no diretório dist/ por padrão.
astro build com outDir personalizado OPEN-SOURCE
Defina outDir em astro.config.mjs ou execute astro build --outDir ./out para colocar o .html gerado em uma pasta de sua escolha.
Sobre estes formatos
Um arquivo .astro é um modelo de componente para a estrutura web Astro. Ele contém marcação no estilo HTML, além de uma seção opcional de script JavaScript ou TypeScript, e o Astro o…
Abrir detalhes de .ASTRO →
.HTML
HyperText Markup Language Web Page
Um arquivo HTML é uma página da web - texto simples com tags de marcação que um navegador transforma na página formatada que você vê. Para visualizá-lo, clique duas vezes e ele abrirá no…
Abrir detalhes de .HTML →Qualidade e o que observar
- A saída é o resultado renderizado, não o seu código-fonte - o frontmatter, componentes e importações do
.astrosão compilados em uma marcação plana. - Páginas que usam renderização no lado do servidor (
output: 'server') ou rotas dinâmicas não serão pré-renderizadas para.htmlestático sem um adaptador estático ougetStaticPaths. - O HTML faz referência a arquivos CSS e JS externos com hash em
dist/; uma única página salva pode quebrar a estilização, a menos que você mantenha esses ativos.
Perguntas frequentes
Onde o Astro coloca os arquivos HTML?
dist/ por padrão, com cada rota como seu próprio index.html (por exemplo, about/index.html).Posso obter um único arquivo HTML autocontido?
Componentes interativos ainda funcionam no HTML?
client:*; caso contrário, você obtém uma marcação estática sem comportamento no lado do cliente.Qual comando compila o site?
npm run build, que executa astro build nos bastidores.
