首先安装 git-revision-webpack-plugin
一、
cnpm i git-revision-webpack-plugin --save
然后打开package.json 查看devDependencies
注意 版本一定不要5.0.0以上 ,有坑!
二、
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())
}),
]
}
}
完成!
页面中调用
<span>{{ process.env.COMMITHASH }}</span>
<span>{{ process.env.VERSION}}</span>
<span>{{ process.env.BRANCH}}</span>
觉得有用,请点赞