S3+CloudFrontとの連携[2]
アプリケーションのビルド
S3にアップロードするAngularのSPA(シングルページアプリケーション)のビルドを行います。
本記事に添付しているサンプルプロジェクトのforumはAngular CLIを用いて用意したアプリケーションです。
コマンドラインでforumディレクトリまで移動し、以下のコマンドを入力します。
$ npm install $ npm run build
forumの下にdistディレクトリが生成され、ビルドされたファイルが出力されます。
S3へのアップロード
ビルドされたAngularアプリケーションをS3へアップロードします。
一覧に表示される、先ほど作成したバケット名をクリックします。

[アップロード]をクリックします。

[1]ファイルの選択
[ファイルを追加]をクリックします。

distディレクトリのファイルを全て選択します。

[2]アップロードの実行
デフォルトの設定を利用するので、そのまま[アップロード]をクリックします。

[3]アップロードされたファイルの確認
12個のファイルがアップロードされたことを確認します。

