VUE项目构建打包生成Git信息（VERSION和COMMITHASH文件）

Git版本Webpack插件

git-revision-webpack-plugin

git-revision-webpack-plugin：可在构建过程中生成VERSION和COMMITHASH文件的Webpack插件。

官网：http://npm.taobao.org/package/git-revision-webpack-plugin。

安装本地开发依赖项

Webpack 4及以上版本：

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

Webpack 4以下版本：

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

Webpack中配置插件

在文件build/webpack.prod.conf.js中增加以下代码：

……//省略代码

const GitRevisionPlugin = require('git-revision-webpack-plugin')   //new add.



const env = process.env.NODE_ENV === 'testing'

  ? require('../config/test.env')

  : require('../config/prod.env')



const webpackConfig = merge(baseWebpackConfig, {

……//省略代码

  plugins: [

    // http://vuejs.github.io/vue-loader/en/workflow/production.html

    new GitRevisionPlugin(),    //new add.

    new webpack.DefinePlugin({

      'process.env': env

    }),

……//省略代码

  ]

})

……//省略代码

更多配置代码参考：http://npm.taobao.org/package/git-revision-webpack-plugin。

构建打包

运行“npm run build”，dist目录下生成VERSION和COMMITHASH文件，如下图：