スポンサーリンク

ng buildしたファイルでローカルにサーバを起動させる[Angular]

ng buildしたファイルでローカルにサーバを起動させる[Angular]

angular-http-serverというnpmパッケージがあり、これを使うことで、ng buildしたファイルを使って、webサーバーを起動することができます。

angular-http-serverのドキュメントは以下です。
https://www.npmjs.com/package/angular-http-server

まずは、そのパッケージをインストールします。

npm install -g angular-http-server

検証したい環境の設定でビルドします。

ng build --configuration <環境名>

distフォルダにbuildした成果物が作られます。
distフォルダ内の、index.htmlがある階層のフォルダまで移動し、
以下のコマンドを実行して、サーバーを起動します。

angular-http-server

実行すると、デフォルトだとポート番号8080で起動するとメッセージが出てるので、
http://localhost:8080に、アクセスすると、ビルドしたファイルでWebサーバが動いていることを確認できます。