web: exploring other dev environment options.

web/.env.prod

@@ -0,0 +1,3 @@
+VUE_APP_PM_API_BASE=https://personal-measure.jdb-labs.com/api
+VUE_APP_LOG_LEVEL=INFO
+VUE_APP_API_LOG_LEVEL=ERROR

web/Makefile

@@ -1,6 +1,24 @@
+API_HOST='localhost'
+API_LOG_LEVEL='WARN'
+LOG_LEVEL='TRACE'
+
+build-dev:
+	npm run build-dev
+
+build:
+	npm run build
+
 serve:
-	local-ssl-proxy --source=8443 --target=8080 &
-	VUE_APP_LOG_LEVEL=TRACE \
-	VUE_APP_API_LOG_LEVEL=WARN \
-	VUE_APP_PM_API_BASE=https://localhost:8443/api \
+	VUE_APP_PM_API_BASE=http://${API_HOST}:8080/api \
+	VUE_APP_API_LOG_LEVEL=${API_LOG_LEVEL} \
+	VUE_APP_LOG_LEVEL=${LOG_LEVEL} \
 	npm run serve
+
+serve-dev: build-dev
+	(cd dist && npx live-server . --port=8080 --entry-file=index.html --proxy=/api:http://localhost:8081/api --no-browser)
+
+serve-ssl: build-dev
+	(cd dist && \
+		(local-ssl-proxy --source=8443 --target=8080 & \
+		echo `pwd` && \
+		npx live-server . --port=8080 --entry-file=index.html --proxy=/api:http://localhost:8081/api --no-browser))

web/dev-proxy.config.json

@@ -0,0 +1,10 @@
+{
+  "web": {
+    "source": "8443",
+    "target": "8080"
+  },
+  "api": {
+    "source": "8444",
+    "target": "8081"
+  }
+}

web/vue.config.js

@@ -3,6 +3,19 @@ module.exports = {
     proxy: {
       '/api': { target: 'http://localhost:8081' }
     },
+    host: 'localhost',
     disableHostCheck: true
+  },
+
+  // disable Hot Reloading (kills devtools performance and crashes the tab).
+  // chainWebpack: config => {
+  //   config.plugins.delete("hmr");
+  // },
+
+  pluginOptions: {
+    webpackBundleAnalyzer: {
+      analyzerMode: 'static',
+      openAnalyzer: false
+    }
   }
 };