Adding 3-stage docker build to generate the build and demopage container

.dockerignore

@@ -0,0 +1,2 @@
+/node_modules/
+/demopage/node_modules/

Dockerfile

@@ -0,0 +1,23 @@
+# -------- Stage 1 - Develop Container
+FROM node:12 AS develop
+VOLUME ["/usr/src/app"]
+RUN apt-get update && \
+    apt-get install -y \
+        chromium
+
+# -------- Stage 2 - Build Container
+FROM develop AS builder
+COPY ./ /build/
+WORKDIR /build
+RUN npm install
+RUN npm run build
+RUN npm test
+
+WORKDIR /build/demopage
+RUN npm install
+RUN npm run build
+
+
+# -------- Stage 3 - Demopage serve container
+FROM httpd:2.4
+COPY --from=builder /build/demopage/dist/ /usr/local/apache2/htdocs/

demopage/src/App.vue

@@ -13,7 +13,7 @@
             <p>
                 <a href="https://github.com/bylexus/fparse">@see the github page</a> for a more detailed usage
                 documentation.<br />
-                The source code of this page can be found <a href="">here</a>.
+                The source code of this page can be found <a href="https://github.com/bylexus/fparse/blob/develop/demopage/src/App.vue">here</a>.
             </p>
 
             <p>

package.json

@@ -5,7 +5,7 @@
     "main": "dist/fparser.js",
     "module": "src/fparser.js",
     "scripts": {
-        "docker-image": "docker build --pull -t fparse docker/",
+        "docker-image": "docker build --pull --target develop -t fparse .",
         "docker-shell": "docker run --rm -ti -v \"$PWD\":/usr/src/app -w /usr/src/app fparse bash",
         "docker-demopage": "docker run --rm -ti -v \"$PWD\":/usr/src/app -w /usr/src/app/demopage -p 3000:8080 fparse npm run serve",
         "docker-test": "docker run --rm -ti -v \"$PWD\":/usr/src/app -w /usr/src/app fparse npm run test",