Configurare framework e librerie front-end con App Web statiche di Azure
App Web statiche di Azure richiede che siano presenti i valori di configurazione appropriati nel file di configurazione di compilazione per il framework front-end o la libreria.
Impostazione
La tabella seguente elenca le impostazioni per una serie di framework e librerie1.
La finalità delle colonne della tabella è illustrata dagli elementi seguenti:
- Percorso di output (percorso dell'artefatto dell'app): elenca il valore per
output_location, ovvero la cartella per i file di siti Web statici compilati. - Percorso dell'artefatto API (percorso API): elenca il valore per
api_location, ovvero la cartella contenente il Funzioni di Azure gestito compilato per i framework che richiedono l'hosting lato server. - Comando di compilazione personalizzato: quando il framework richiede un comando diverso da
npm run buildonpm run azure:build, è possibile definire un comando di compilazione personalizzato.
Nota
Alcuni framework Web che includono il rendering lato server e possono essere distribuiti in App Web statiche di Azure. Ciò significa che l'app è incorporata in asset statici e Funzioni di Azure file. Nel file di configurazione gli asset statici vengono mappati al percorso di output e i file di Funzioni di Azure vengono mappati al percorso dell'artefatto DELL'API.
| Framework | Percorso di output (percorso dell'artefatto dell'app) | Percorso artefatto API | Comando di compilazione personalizzato |
|---|---|---|---|
| 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 |
| Barlume | 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 (esportazione HTML statica) | out |
n/d | n/d |
| Next.js (Rendering ibrido) | / |
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 |
| Solido | dist |
n/d | n/d |
| Stencil | www |
n/d | n/d |
| SvelteKit (statico) | 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 La tabella precedente non è destinata a essere un elenco completo di framework e librerie che funzionano con App Web statiche di Azure.
2 Non applicabile