@credenceanalytics/inject-vue-app-version

Installation

npm i -D @credenceanalytics/inject-vue-app-version

How to inject a app version in vue application ?

• Install @credenceanalytics/inject-vue-app-version package from npm repository.
• Create version.txt file in your app your_app > current_app_version > version.txt
• Now import @credenceanalytics/inject-vue-app-version package in your vue.config.js file at line no.1.

    // vue.config.js
    require("@credenceanalytics/inject-vue-app-version");
    ...

• This package injects a VUE_APP_VERSION in to environment variables.
• VUE_APP_VERSION consists a build time (current date and time) and git branch name (current branch name).
• version.txt will get updated with VUE_APP_VERSION version value.
• To print app version in browser, add this line console.log("%c" + process.env.VUE_APP_VERSION, "color:blue;font-size: 14px;font-weight: 700") in mounted or created hook of your entry vue file.

    // App.vue
    export default {
        name: 'app',
        components: {
            ...
        },
        created() {
            console.log("%c" + process.env.VUE_APP_VERSION, "color:blue;font-size: 14px;font-weight: 700")
        },
        mounted (){
            ...
        }
    }

Example

• First create a directory current_app_version in your root project with empty version.txt file.
• Now in your vue.config.js require this library.

    // vue.config.js
    require("@credenceanalytics/inject-vue-app-version");
    ...

• Print the version in your entry component file i.e in src/App.vue.

    // App.vue
    <template>
        ...
    </template>

    <script>
        export default {
            name: "app",
            ...,
            created() {
                ...
                console.log("%c" + process.env.VUE_APP_VERSION, "color:blue;font-size: 14px;font-weight: 700")
            }
        }
    </script>