Vue 打包时带上 Git 的版本号

Webpack插件

git-revision-webpack-plugin

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

官网： https://developer.aliyun.com/mirror/npm/package/git-revision-webpack-plugin

安装

Webpack 4及以上版本

// 使用npm
npm install --save-dev git-revision-webpack-plugin
// 使用yarn
yarn add -D git-revision-webpack-plugin

配置

使用vue.config.js

const GitRevisionPlugin = require('git-revision-webpack-plugin')
const gitRevisionPlugin = new GitRevisionPlugin({
  versionCommand: 'describe --always --tags'
})

const vueConfig = {
  publicPath: '/',
  configureWebpack: {
    plugins: [
      gitRevisionPlugin
    ],
    output: {
      filename: "[name].[git-revision-hash].js"
    }
  }
}

直接使用webpack

// 省略代码
const GitRevisionPlugin = require('git-revision-webpack-plugin')
const gitRevisionPlugin = new GitRevisionPlugin({
  versionCommand: 'describe --always --tags'
})

const webpackConfig = merge(baseWebpackConfig, {
    //省略代码
    plugins: [
        // http://vuejs.github.io/vue-loader/en/workflow/production.html
        gitRevisionPlugin
    //省略代码
    ],
    output: {
        filename: "[name].[git-revision-hash].js"
    }
})