adding README, update generator

Author: Sebastian Boolean

README.md

@@ -0,0 +1,23 @@
+# vue-cli-plugin-docker-nginx
+
+> vue-cli-plugin that adds a minimal docker deployment using a nginx server to serve your static files
+
+## Installation
+
+```
+vue add vue-cli-plygin-docker-nginx
+```
+
+This will automatically add all the files needed to your existing vue-cli project
+
+### Build and run local docker container
+
+```
+npm run docker
+```
+
+This will build a docker container and run it on a free port. Please make sure to have [docker](https://docs.docker.com/install/) installed and running on your machine.
+
+### Tweak nginx config
+
+With the default settings nginx listens on port `80` and is configured to route all requests back to `index.html`. This way you can safely use `history`-mode in your `vue-router`. These settings can be changed in `default.conf` in you projects root.

generator.js

@@ -1,8 +1,8 @@
 module.exports = api => {
-    api.extendPackage({
-          scripts: {
-                  'docker': 'docker build . -t app && docker run -d -p 8080:8080 app'
-                }
-        })
-    api.render('./template')
-}
+  api.extendPackage({
+    scripts: {
+      docker: 'docker build . -t vue-app && docker run -d -p:80 vue-app',
+    },
+  });
+  api.render('./template');
+};

template/Dockerfile

@@ -1,12 +1,13 @@
-FROM node:alpine
-RUN mkdir -p /usr/src/app
+# stage-1: build dist folder
+FROM node:alpine as build
 WORKDIR /usr/src/app
 COPY ["package.json", "package-lock.json", "/usr/src/app/"]
-RUN npm install
-COPY . /usr/src/app
+RUN npm install --silent
+COPY . .
 RUN npm run build
 
+# stage-2: copy static files to nginx image
 FROM nginx:alpine
 EXPOSE 80
 COPY default.conf /etc/nginx/conf.d/default.conf
-COPY --from=0 /usr/src/app/dist /usr/share/nginx/html
+COPY --from=build /usr/src/app/dist /usr/share/nginx/html