title | description | services | author | ms.service | ms.topic | ms.date | ms.author |
---|---|---|---|---|---|---|---|
Configure front-end frameworks with Azure Static Web Apps |
Settings for popular front-end frameworks needed for Azure Static Web Apps |
static-web-apps |
craigshoemaker |
static-web-apps |
conceptual |
07/18/2020 |
cshoe |
The Azure Static Web Apps requires that you have the appropriate configuration values in the build configuration file for your front-end framework or library.
The following table lists the settings for a series of frameworks and libraries1.
The intent of the table columns is explained by the following items:
-
Output location: Lists the value for
output_location
, which is the folder for built versions of application files. -
Custom build command: When the framework requires a command different from
npm run build
ornpm run azure:build
, you can define a custom build command.
Framework | App artifact location | Custom build command |
---|---|---|
Alpine.js | / |
n/a 2 |
Angular | dist/<APP_NAME> |
npm run build -- --configuration production |
Angular Universal | dist/<APP_NAME>/browser |
npm run prerender |
Astro | dist |
n/a |
Aurelia | dist |
n/a |
Backbone.js | / |
n/a |
Blazor | wwwroot |
n/a |
Ember | dist |
n/a |
Flutter | build/web |
flutter build web |
Framework7 | www |
npm run build-prod |
Glimmer | dist |
n/a |
HTML | / |
n/a |
Hyperapp | / |
n/a |
JavaScript | / |
n/a |
jQuery | / |
n/a |
KnockoutJS | dist |
n/a |
LitElement | dist |
n/a |
Marko | public |
n/a |
Meteor | bundle |
n/a |
Mithril | dist |
n/a |
Polymer | build/default |
n/a |
Preact | build |
n/a |
React | build |
n/a |
RedwoodJS | web/dist |
yarn rw build |
Stencil | www |
n/a |
Svelte | public |
n/a |
Three.js | / |
n/a |
TypeScript | dist |
n/a |
Vue.js | dist |
n/a |
1 The above table is not meant to be an exhaustive list of frameworks and libraries that work with Azure Static Web Apps.
2 Not applicable