控制檯查看git配置

控制檯查看git配置

安裝本地開發依賴

​ Webpack 4及以上版本：

npm install --save-dev git-revision-webpack-plugin

​ Webpack 4如下版本：

npm install --save-dev git-revision-webpack-plugin@2.5.1

配置文件

​ 在vue.config.js進行配置,可被自動檢測.

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

使用

​ 在瀏覽器的控制檯輸入以上命令,便可出現命令顯示.

具體使用以下

VERSION
"beaa4b3"
BRANCH
"test"
COMMITHASH
"beaa4b39023fc50e58e3b96b7c6242a515adf755"