Configurar estruturas e bibliotecas de front-end com Aplicativos Web Estáticos do Azure
Os Aplicativos Web Estáticos do Azure exigem que você tenha os valores de configuração apropriados no arquivo de configuração de compilação para sua estrutura ou biblioteca 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 de
output_location
, que é a pasta para arquivos de site estáticos criados. - Local do artefato da API (local da api): lista o valor de
api_location
, que é a pasta que contém as Funções do Azure gerenciadas criadas para estruturas que exigem hospedagem do lado do servidor. - Comando de build personalizado: quando a estrutura requer um comando diferente de
npm run build
ounpm 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 nos Aplicativos Web Estáticos do Azure. Isso significa que seu aplicativo é integrado a ativos estáticos e arquivos do 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 (localização do artefato do aplicativo) | Localização 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 |
Próximo.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 |
Sólido | dist |
N/D | N/D |
Stencil | www |
N/D | N/D |
SvelteKit (estático) | build |
N/D | N/D |
Kit 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