Front-end frameworks en bibliotheken configureren met Azure Static Web Apps

De Azure Static Web Apps vereist dat u de juiste configuratiewaarden hebt in het buildconfiguratiebestand voor uw front-endframework of -bibliotheek.

Configuration

De volgende tabel bevat de instellingen voor een reeks frameworks en bibliotheken¹.

De intentie van de tabelkolommen wordt uitgelegd door de volgende items:

• Locatie van app-artefact (uitvoerlocatie): geeft een lijst met de waarde voor output_location. Dit is de map voor ingebouwde versies van toepassingsbestanden.

• Aangepaste buildopdracht: wanneer voor het framework een andere opdracht is vereist dan npm run build of npm run azure:build, kunt u een aangepaste build-opdracht definiëren.

Framework	Locatie van app-artefact	Aangepaste build-opdracht
Alpine.js	/	n/a 2
Angular	dist/<APP_NAME> Als u geen opneemt <APP_NAME>, verwijdert u de afsluitende slash.	npm run build -- --configuration production
Angular Universal	dist/<APP_NAME>/browser	npm run prerender
Astro	dist	n.v.t.
Aurelia	dist	n.v.t.
Backbone.js	/	n.v.t.
Blazor	wwwroot	n.v.t.
Ember	dist	n.v.t.
Flutter	build/web	flutter build web
Framework7	www	npm run build-prod
Glimmer	dist	n.v.t.
HTML	/	n.v.t.
Hugo	public	n.v.t.
Hyperapp	/	n.v.t.
JavaScript	/	n.v.t.
jQuery	/	n.v.t.
KnockoutJS	dist	n.v.t.
LitElement	dist	n.v.t.
Marko	public	n.v.t.
Meteoor	bundle	n.v.t.
Mithril	dist	n.v.t.
Next.js (statische HTML-export)	out	n.v.t.
Next.js (rendering aan serverzijde/incrementele serverrendering)	n.v.t.	n.v.t.
Polymeer	build/default	n.v.t.
Preact	build	n.v.t.
React	build	n.v.t.
RedwoodJS	web/dist	yarn rw build web
Stencil	www	n.v.t.
Svelte	public	n.v.t.
Three.js	/	n.v.t.
TypeScript	dist	n.v.t.
Vue.js	dist	n.v.t.

¹ De bovenstaande tabel is niet bedoeld als een volledige lijst met frameworks en bibliotheken die werken met Azure Static Web Apps.

² Niet van toepassing

Volgende stappen

• Bouw- en werkstroomconfiguratie