安装本地开发依赖
Webpack 4及以上版本:vue
npm install --save-dev git-revision-webpack-plugin
Webpack 4如下版本:webpack
npm install --save-dev git-revision-webpack-plugin@2.5.1
配置文件
在vue.config.js进行配置,可被自动检测.git
1,在vue.config.js中的module.exports暴露configureWebpack对象,配置代码以下
const webpack = require('webpack') const GitRevisionPlugin = require('git-revision-webpack-plugin') const gitRevisionPlugin = new GitRevisionPlugin() module.exports = { configureWebpack: { // 利用webpack插件生成VERSION和COMMITHASH基于本地的生成文件过程当中的git仓库,在项目中可直观看到提交的git commithash plugins: [ new webpack.DefinePlugin({ // 经过一个公共的API暴露VERSION,COMMITHASH与BRANCH 'VERSION': JSON.stringify(gitRevisionPlugin.version()), 'COMMITHASH': JSON.stringify(gitRevisionPlugin.commithash()), 'BRANCH': JSON.stringify(gitRevisionPlugin.branch()), }) ] } }
2, 在main.js中给window挂载上以上配置,具体以下
// 查看git命令 window.VERSION = VERSION window.COMMITHASH = COMMITHASH window.BRANCH = BRANCH
使用
在浏览器的控制台输入以上命令,便可出现命令显示.web
具体使用以下
VERSION "beaa4b3" BRANCH "test" COMMITHASH "beaa4b39023fc50e58e3b96b7c6242a515adf755"