Konfigurera klientdelens ramverk och bibliotek med Azure Static Web Apps
Azure Static Web Apps kräver att du har rätt konfigurationsvärden i konfigurationsfilen för ditt klientdelsramverk eller -bibliotek.
Konfiguration
I följande tabell visas inställningarna för en serie ramverk och bibliotek1.
Avsikten med tabellkolumnerna förklaras av följande:
- Utdataplats (plats för appartefakt): Visar en lista över värdet för
output_location, som är mappen för byggda statiska webbplatsfiler. - API-artefaktplats (api-plats): Visar en lista över värdet för
api_location, som är den mapp som innehåller den skapade hanterade Azure Functions för ramverk som kräver värdtjänster på serversidan. - Kommando för anpassad version: När ramverket kräver ett annat kommando än
npm run buildellernpm run azure:buildkan du definiera ett anpassat build-kommando.
Kommentar
Vissa webbramverk som har rendering på serversidan och som kan distribueras till Azure Static Web Apps. Det innebär att din app är inbyggd i statiska tillgångar tillsammans med Azure Functions. I konfigurationsfilen mappas de statiska tillgångarna till utdataplatsen och Azure Functions-filerna mappas till API-artefaktplatsen.
| Ramverk | Utdataplats (appartefaktplats) | API-artefaktplats | Kommando för anpassad version |
|---|---|---|---|
| Alpine.js | / |
saknas | n/a 2 |
| Angular | dist/<APP_NAME>/browser |
saknas | saknas |
| Astro | dist |
saknas | saknas |
| Aurelia | dist |
saknas | saknas |
| Backbone.js | / |
saknas | saknas |
| Blazor (WASM) | wwwroot |
n/a |
saknas |
| Ember | dist |
saknas | saknas |
| Fladdra | build/web |
saknas | flutter build web |
| Framework7 | www |
saknas | npm run build-prod |
| Glimma | dist |
saknas | saknas |
| HTML | / |
saknas | saknas |
| Hugo | public |
saknas | saknas |
| Hyperapp | / |
saknas | saknas |
| JavaScript | / |
saknas | saknas |
| jQuery | / |
saknas | saknas |
| KnockoutJS | dist |
saknas | saknas |
| LitElement | / |
saknas | saknas |
| Mithril | / |
saknas | saknas |
| Next.js (statisk HTML-export) | out |
saknas | saknas |
| Next.js (hybridåtergivning) | / |
saknas | saknas |
| Nuxt 2 | / |
saknas | saknas |
| Nuxt 3 | output/public |
output/server |
saknas |
| Preact | dist |
saknas | saknas |
| React | build |
saknas | saknas |
| RedwoodJS | web/dist |
saknas | yarn rw build web |
| Solid | dist |
saknas | saknas |
| Schablon | www |
saknas | saknas |
| SvelteKit (statisk) | build |
saknas | saknas |
| SvelteKit | build/static |
build/server |
saknas |
| Three.js | / |
saknas | saknas |
| TypeScript | dist |
saknas | saknas |
| Vue.js | dist |
saknas | saknas |
1 Tabellen ovan är inte avsedd att vara en fullständig lista över ramverk och bibliotek som fungerar med Azure Static Web Apps.
2 Ej tillämpligt