Output build hash in console

src/buildInfo.ts

@@ -0,0 +1,11 @@
+let buildInfo = process.env.COMMIT_ID
+
+if (!buildInfo) {
+  buildInfo = 'dev'
+}
+
+// eslint-disable-next-line no-console
+console.log(`%c qb-web Build %c ${buildInfo} `, 
+  'background-color: #555; color: #fff; border-radius: 3px 0 0 3px;',
+  'background-color: #1976d2; color: #fff; border-radius: 0 3px 3px 0;',
+)

src/main.ts

@@ -9,6 +9,8 @@ import './filters';
 import './directives';
 import './locale';
 
+import './buildInfo';
+
 import App from './App.vue';
 
 import 'roboto-fontface/css/roboto/roboto-fontface.css';

vue.config.js

@@ -10,4 +10,16 @@ module.exports = {
       },
     },
   },
+
+  chainWebpack(config) {
+    config.plugin('define').tap(args => {
+      let arg = args[0]
+      arg = {
+        ...arg,
+        'process.env.COMMIT_ID': JSON.stringify(process.env.COMMIT_ID)
+      }
+
+      return [arg]
+    })
+  }
 };