Vue项目中获取并展示当前git版本号

Vue项目中如何获取并展示当前git版本号

一、使用插件： git-revision-webpack-plugin （注意 版本一定不要5.0.0以上）

cnpm i git-revision-webpack-plugin --save

二、打开vue.config.js文件

const webpack = require("webpack");
const GitRevisionPlugin = require("git-revision-webpack-plugin");
const gitRevisionPlugin = new GitRevisionPlugin();
module.exports = {
    
    
	configureWebpack: {
    
    
		plugins: [
			new webpack.DefinePlugin({
    
    
	          'process.env.VERSION': JSON.stringify(gitRevisionPlugin.version()),
	          'process.env.COMMITHASH': JSON.stringify(gitRevisionPlugin.commithash()),
	          'process.env.BRANCH': JSON.stringify(gitRevisionPlugin.branch())
	        }),
		]
	}
}

三、全局使用