Configuración de marcos y bibliotecas de servidores front-end con Azure Static Web Apps
Azure Static Web Apps requiere que tenga los valores de configuración adecuados en el archivo de configuración de compilación para el marco o la biblioteca del servidor front-end.
Configuración
En la siguiente tabla se muestra la configuración de varios marcos y bibliotecas1.
Los siguientes elementos explican la intención de las columnas de la tabla:
Ubicación de salida: Muestra el valor de
output_location, que es la carpeta para las versiones compiladas de los archivos de aplicación.Comando de compilación personalizado: Cuando el marco de trabajo requiere un comando distinto de
npm run buildonpm run azure:build, puede definir un comando de compilación personalizado.
| marco | Ubicación del artefacto de la aplicación | Comando de compilación personalizado |
|---|---|---|
| Alpine.js | / |
n/d 2 |
| Angular | dist/<APP_NAME> Si no incluye <APP_NAME>, quite la barra diagonal final. |
npm run build -- --configuration production |
| Angular Universal | dist/<APP_NAME>/browser |
npm run prerender |
| Astro | dist |
N/D |
| Aurelia | dist |
N/D |
| Backbone.js | / |
N/D |
| Blazor | wwwroot |
N/D |
| Ember | dist |
N/D |
| Flutter | build/web |
flutter build web |
| Framework7 | www |
npm run build-prod |
| Glimmer | dist |
N/D |
| HTML | / |
N/D |
| Hyperapp | / |
N/D |
| JavaScript | / |
N/D |
| jQuery | / |
N/D |
| KnockoutJS | dist |
N/D |
| LitElement | dist |
N/D |
| Marko | public |
N/D |
| Meteor | bundle |
N/D |
| Mithril | dist |
N/D |
| Polymer | build/default |
N/D |
| Preact | build |
N/D |
| React | build |
N/D |
| RedwoodJS | web/dist |
yarn rw build |
| Stencil | www |
N/D |
| Svelte | public |
N/D |
| Three.js | / |
N/D |
| TypeScript | dist |
N/D |
| Vue.js | dist |
N/D |
1 La tabla anterior no pretende ser una lista exhaustiva de marcos de trabajo y bibliotecas que funcionen con Azure Static Web Apps.
2 No aplicable