Configurar estruturas e bibliotecas de front-end com Aplicativos Web Estáticos do Azure
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 buildounpm 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