feat(docker): added docker support

Author: Ismaestro

.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+.git

Dockerfile

@@ -0,0 +1,28 @@
+FROM node:8-alpine as builder
+
+COPY package.json package-lock.json ./
+
+RUN npm set progress=false && npm config set depth 0 && npm cache clean --force
+
+## Storing node modules on a separate layer will prevent unnecessary npm installs at each build
+RUN npm i && mkdir /ng-app && cp -R ./node_modules ./ng-app
+
+WORKDIR /ng-app
+
+COPY . .
+
+## Build the angular app in production mode and store the artifacts in dist folder
+RUN $(npm bin)/ng build --prod
+
+FROM nginx:1.13.3-alpine
+
+## Copy our default nginx config
+COPY nginx/default.conf /etc/nginx/conf.d/
+
+## Remove default nginx website
+RUN rm -rf /usr/share/nginx/html/*
+
+## From 'builder' stage copy over the artifacts in dist folder to default nginx public folder
+COPY --from=builder /ng-app/dist /usr/share/nginx/html
+
+CMD ["nginx", "-g", "daemon off;"]

README.md

@@ -1,4 +1,4 @@
-# Example app with Angular 4 + Angular CLI + Angular Material + Travis CI
+# Example app with Angular 4 + Angular CLI + Angular Material + Docker
 
 > ### Base project made with much  :heart: . Contains CRUD, official style guide, patterns, etc.
 
@@ -50,6 +50,8 @@ Live DEMO [here](http://angularexampleapp.com/)!
 
 `npm run release` - Creates a new release using standard-version
 
+`npm run docker` - Builds the docker image and run the container
+
 **Windows: use precompilation to speed up**
 
 `tsc --project tsconfig.json`
@@ -71,6 +73,16 @@ Live DEMO [here](http://angularexampleapp.com/)!
 * Modernizr (browser features detection)
 * Following the [best practices](https://angular.io/guide/styleguide)!
 
+## Docker
+
+You can build the image and run the container with Docker. The configuration is in the nginx folder if you want to change it.
+
+`docker build -t angularexampleapp .`
+
+`docker run -d -p 4200:80 angularexampleapp`
+
+Thanks to [avatsaev](https://github.com/avatsaev/angular4-docker-example)! 
+
 ## Travis CI
 We use Travis CI to run this tasks in order:
 * Linter

nginx/default.conf

@@ -0,0 +1,22 @@
+server {
+  listen 80;
+
+  sendfile on;
+
+  default_type application/octet-stream;
+
+  gzip on;
+  gzip_http_version 1.1;
+  gzip_disable      "MSIE [1-6]\.";
+  gzip_min_length   256;
+  gzip_vary         on;
+  gzip_proxied      expired no-cache no-store private auth;
+  gzip_types        text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript;
+  gzip_comp_level   9;
+
+  root /usr/share/nginx/html;
+
+  location / {
+    try_files $uri $uri/ /index.html =404;
+  }
+}

package.json

@@ -13,7 +13,8 @@
     "lint": "ng lint",
     "ci": "npm run lint && npm run test && npm run e2e",
     "sme": "ng build && source-map-explorer dist/main.bundle.js",
-    "release": "standard-version && git push --follow-tags origin master"
+    "release": "standard-version && git push --follow-tags origin master",
+    "docker": "docker build -t angularexampleapp . && docker run -d -p 4200:80 angularexampleapp"
   },
   "private": true,
   "engines": {