在控制台查看git配置,安装本地开发依赖Webpack4及以上:npminstall--save-devgit-revision-webpack-pluginWebpack4以下:npminstall--save-devgit-revision-webpack-plugin@2.5.1配置文件Configure在vue.config.js中,可以自动检测。1、vue.config.js中的module.exports暴露了configureWebpack对象,配置代码如下constwebpack=require('webpack')constGitRevisionPlugin=require('git-revision-webpack-plugin')constgitRevisionPlugin=newGitRevisionPlugin()module.exports={configureWebpack:{//在生成文件的过程中使用webpack插件根据本地git仓库生成VERSION和COMMITHASH,在项目中可以直观的看到提交的gitcommithashplugins:[newwebpack.DefinePlugin({//通过公共API'VERSION':JSON.stringify(gitRevisionPlugin.version()),'COMMITHASH':JSON.stringify(gitRevisionPlugin.commithash()),'BRANCH公开VERSION,COMMITHASH和BRANCH':JSON.stringify(gitRevisionPlugin.branch()),})]}}2、在main.js中的window上挂载以上配置,如下//查看git命令window.VERSION=VERSIONwindow.COMMITHASH=COMMITHASHwindow。BRANCH=BRANCHUse在眉毛的控制台输入以上命令呃,你可以命令显示出现。具体使用如下VERSION"beaa4b3"BRANCH"test"COMMITHASH"beaa4b39023fc50e58e3b96b7c6242a515adf755"
