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

Voor de Azure Static Web Apps moet u over de juiste configuratiewaarden beschikken in het buildconfiguratiebestand voor uw front-endframework of -bibliotheek.

Configuratie

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

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

• Uitvoerlocatie: geeft een lijst van de waarde voor output_location, de map voor ingebouwde versies van toepassingsbestanden.

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

Framework	Locatie van app-artefact	Opdracht Aangepaste build
Alpine.js	/	n/a 2
Angular	dist/<APP_NAME> Als u geen slash opneemt <APP_NAME>, verwijdert u de afsluitende slash.	npm run build -- --configuration production
Angular Universeel	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.
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 serverweergave)	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