Configurar frameworks e bibliotecas de front-end com as Aplicações Web Estáticas 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 para uma série de estruturas e bibliotecas1.
A intenção das colunas da tabela é explicada pelos seguintes itens:
- Local de saída (Local do artefato do aplicativo): lista o valor de , que é a pasta para arquivos de
output_location
site estáticos criados. - Local do artefato da API (local da api): lista o valor do
api_location
, que é a pasta que contém o Azure Functions gerenciado criado para estruturas que exigem hospedagem no servidor. - Comando de compilação personalizada: Quando a estrutura requer um comando diferente de
npm run build
ounpm run azure:build
, você pode definir um comando de compilação personalizado.
Nota
Algumas estruturas 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 é incorporado em 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 (local do artefato do aplicativo) | Localização do artefato da API | Comando de compilação personalizada |
---|---|---|---|
Alpino.js | / |
n/d | n/a 2 |
Angular | dist/<APP_NAME>/browser |
n/d | n/d |
Astro | dist |
n/d | n/d |
Aurélia | dist |
n/d | n/d |
Espinha dorsal.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 |
Enquadramento7 | www |
n/d | npm run build-prod |
Brilho | dist |
n/d | n/d |
HTML | / |
n/d | n/d |
Vitor | public |
n/d | n/d |
Hiperaplicativo | / |
n/d | n/d |
JavaScript | / |
n/d | n/d |
jConsulta | / |
n/d | n/d |
NocauteJS | dist |
n/d | n/d |
LitElement | / |
n/d | n/d |
Mithril | / |
n/d | n/d |
Próximo.js (Exportação HTML estática) | 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 |
Pré-agir | 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 |
Estêncil | www |
n/d | n/d |
SvelteKit (estático) | build |
n/d | n/d |
SvelteKit | build/static |
build/server |
n/d |
Três.js | / |
n/d | n/d |
TypeScript | dist |
n/d | n/d |
Vue.js | dist |
n/d | n/d |
1 A tabela acima não pretende ser uma lista exaustiva de estruturas e bibliotecas que funcionam com Aplicativos Web Estáticos do Azure.
2 Não aplicável