Speed up docker build time (#244)

Layering npm install vs build to improve build time

Author: jotak

Dockerfile

@@ -3,10 +3,13 @@ FROM registry.access.redhat.com/ubi8/nodejs-16:1 as web-builder
 WORKDIR /opt/app-root
 
 COPY --chown=default Makefile Makefile
+COPY --chown=default web/package.json web/package.json
+COPY --chown=default web/package-lock.json web/package-lock.json
+RUN NPM_INSTALL=ci make install-frontend
+
 COPY --chown=default web web
 COPY mocks mocks
-
-RUN NPM_INSTALL=ci make build-frontend
+RUN make fmt-frontend just-build-frontend
 
 FROM registry.access.redhat.com/ubi8/go-toolset:1.17 as go-builder
 

Makefile

@@ -89,11 +89,14 @@ build-backend: fmt-backend
 	@echo "### Building backend"
 	go build ${BUILD_FLAGS} -mod vendor -o plugin-backend cmd/plugin-backend.go
 
-.PHONY: build-frontend
-build-frontend: install-frontend fmt-frontend
+.PHONY: just-build-frontend
+just-build-frontend:
 	@echo "### Building frontend"
 	cd web && npm run build
 
+.PHONY: build-frontend
+build-frontend: install-frontend fmt-frontend just-build-frontend
+
 .PHONY: build-frontend-standalone
 build-frontend-standalone: install-frontend fmt-frontend
 	@echo "### Building frontend standalone"