Compartilhar via

Configurar estruturas e bibliotecas de front-end com Aplicativos Web Estáticos do Azure

  • Artigo

Os Aplicativos Web Estáticos do Azure requerem os valores de configuração apropriados no arquivo de configuração de compilação para a estrutura ou biblioteca de front-end.

Configuração

A tabela a seguir lista as configurações de uma série de estruturas e bibliotecas1.

A intenção das colunas de tabela é explicada pelos seguintes itens:

  • Local de saída (Local do artefato do aplicativo): lista o valor para output_location, que é a pasta para arquivos de site estáticos criados.
  • Local do artefato da API (local da API): lista o valor para api_location, que é a pasta que contém o Azure Functions gerenciado compilado para estruturas que exigem hospedagem no lado do servidor.
  • Comando de build personalizado: quando a estrutura requer um comando diferente de npm run build ou npm run azure:build, você pode definir um comando de build personalizado.

Observação

Algumas estruturas da Web que apresentam renderização do lado do servidor e podem ser implantadas em Aplicativos Web Estáticos do Azure. Isso significa que seu aplicativo é integrado a ativos estáticos junto ao Azure Functions. No arquivo de configuração, os ativos estáticos são mapeados para o local de saída e os arquivos do Azure Functions são mapeados para o local do artefato da API.

Estrutura Local de saída (local do artefato do aplicativo) Local do artefato da API Comando de compilação personalizado
Alpine.js / N/D n/a 2
Angular dist/<APP_NAME>/browser N/D N/D
Astro dist N/D N/D
Aurelia dist N/D N/D
Backbone.js / N/D N/D
Blazor (WASM) wwwroot n/a N/D
Ember dist N/D N/D
Flutter build/web N/D flutter build web
Framework7 www N/D npm run build-prod
Glimmer dist N/D N/D
HTML / N/D N/D
Hugo public N/D N/D
Hyperapp / N/D N/D
JavaScript / N/D N/D
jQuery / N/D N/D
KnockoutJS dist N/D N/D
LitElement / N/D N/D
Mithril / N/D N/D
Next.js (exportação de HTML estático) out N/D N/D
Next.js (Renderização Híbrida) / N/D N/D
Nuxt 2 / N/D N/D
Nuxt 3 output/public output/server N/D
Preact dist N/D N/D
React build N/D N/D
RedwoodJS web/dist N/D yarn rw build web
Solid dist N/D N/D
Stencil www N/D N/D
SvelteKit (estático) build N/D N/D
SvelteKit build/static build/server N/D
Three.js / N/D N/D
TypeScript dist N/D N/D
Vue.js dist N/D N/D

1 A tabela acima não deve ser considerada uma lista completa de estruturas e bibliotecas que funcionam com o Aplicativos Web Estáticos do Azure.

2 Não aplicável

Próximas etapas