java 增加版本号_webpack 打包增加版本信息

What do we need？

笔者目的是在vue项目打包后的 dist/index.html 文件中写入本次打包git用户、最后一次git提交信息，这样做的目的是便于线上项目的管理和防止同事之间的相互扯皮。

最后打包出的效果如下图：

How to do？

版本信息需要记录 git最后一次提交作者(作者名和邮箱邮)、日期、commit HEAD，本次打包git用户和邮箱、日期，这些信息都需要使用 git 命令来获取到。在 node 中，要执行一段命令行脚步需要使用 child_process 模块。

项目 build 目录下新建 version.js 文件，编写如下代码：

const child_process = require('child_process')

// git 最后一次提交的 Head

const commit = child_process.execSync('git show -s --format=%H').toString().trim()

const commitUserName = child_process.execSync('git show -s --format=%cn').toString().trim()

const commitUserMail = child_process.execSync('git show -s --format&#