Azure Static Web Apps を使用してフロントエンド フレームワークとライブラリを構成する
Azure Static Web Apps を使用するには、フロントエンド フレームワークまたはライブラリのビルド構成ファイル内に、適切な構成値が必要です。
構成
次の表は、一連のフレームワークとライブラリの設定を示しています1。
表の各列の意図は、次の項目によって説明されます。
アプリ成果物の場所 (出力場所):
output_locationの値を表示します。これは、ビルドされたバージョンのアプリケーション ファイル用のフォルダーです。カスタム ビルド コマンド: フレームワークで
npm run buildまたはnpm run azure:buildとは異なるコマンドが必要となる場合に、カスタム ビルド コマンドを規定できます。
| フレームワーク | App artifact location (アプリ成果物の場所) | カスタム ビルド コマンド |
|---|---|---|
| Alpine.js | / |
該当なし 2 |
| Angular | dist/<APP_NAME> <APP_NAME> を含めない場合は、末尾のスラッシュを削除します。 |
npm run build -- --configuration production |
| Angular Universal | dist/<APP_NAME>/browser |
npm run prerender |
| Astro | dist |
該当なし |
| Aurelia | dist |
該当なし |
| Backbone.js | / |
該当なし |
| Blazor | wwwroot |
該当なし |
| Ember | dist |
該当なし |
| Flutter | build/web |
flutter build web |
| Framework7 | www |
npm run build-prod |
| Glimmer | dist |
該当なし |
| HTML | / |
該当なし |
| Hugo | public |
該当なし |
| Hyperapp | / |
該当なし |
| JavaScript | / |
該当なし |
| jQuery | / |
該当なし |
| KnockoutJS | dist |
該当なし |
| LitElement | dist |
該当なし |
| Marko | public |
該当なし |
| Meteor | bundle |
該当なし |
| Mithril | dist |
該当なし |
| Next.js (静的 HTML エクスポート) | out |
該当なし |
| Next.js (サーバー側レンダリング/増分サーバー レンダリング) | 該当なし | 該当なし |
| Polymer | build/default |
該当なし |
| Preact | build |
該当なし |
| React | build |
該当なし |
| RedwoodJS | web/dist |
yarn rw build web |
| Stencil | www |
該当なし |
| Svelte | public |
該当なし |
| Three.js | / |
該当なし |
| TypeScript | dist |
該当なし |
| Vue.js | dist |
該当なし |
1 上記の表は、Azure Static Web Apps で動作するフレームワークとライブラリを完全に網羅する一覧ではありません。
2 該当なし