diff --git a/src/buildInfo.ts b/src/buildInfo.ts
new file mode 100644
index 0000000..3ad4558
--- /dev/null
+++ b/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;',
+)
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index 6c6ff7d..fd8ec9f 100644
--- a/src/main.ts
+++ b/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';
diff --git a/vue.config.js b/vue.config.js
index 3af8df3..6fdd96b 100644
--- a/vue.config.js
+++ b/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]
+    })
+  }
 };