Angular custom image deployment to Azure

default.conf

server {
  listen 80;
  server_name localhost;
  root /usr/share/nginx/html;
  charset utf-8;

  location / {
    try_files $uri /index.html;
  }
}

Dockerfile

FROM nginx:stable-alpine
ADD dist /usr/share/nginx/html
ADD default.conf /etc/nginx/conf.d/

Creates a small image using nginx to serve a single page Angular app. Packages up the dist directory and will serve static assets if found and default to index.html (line 8 of default.conf)

Usage

1. Copy default.conf and Dockerfile to the root of your project
2. Run $ ng build --prod prior to building
3. Build the image and deploy to Azure using the Docker extension