VUE打包存入git提交信息

在Vue项目中，打包部署后需要知道打包的的代码版本, 来排查问题,

步骤如下:

1.修改package.json文件, 修改build命令如下

 "build": "vue-cli-service build && node version.js",

2.增加version.js文件

const execSync = require('child_process').execSync;
const fs = require('fs');

// 读取package.json文件
const data = fs.readFileSync('./package.json');
const packageData = JSON.parse(data);

// 获取git信息的相关命令
const COMMITHASH_COMMAND = 'rev-parse HEAD';
const VERSION_COMMAND = 'describe --always';
const BRANCH_COMMAND = 'rev-parse --abbrev-ref HEAD';
const NEW_COMMIT_MESSAGE = 'log -1 --pretty=%B';
const COMMIT_TIME = 'show -s --format=%cd';
try {
  const d = new Date();
  const commitId = execSync(`git ${COMMITHASH_COMMAND}`).toString().trim();
  const branch = execSync(`git ${BRANCH_COMMAND}`).toString().trim();
  const release = execSync(`git ${VERSION_COMMAND}`).toString().trim();
  const commitMessage = execSync(`git ${NEW_COMMIT_MESSAGE}`).toString().trim();
  const commitTime = execSync(`git ${COMMIT_TIME}`).toString().trim();
  const versionStr = `
      COMMIT_ID: ${commitId}

      Branch: ${branch}

      Release: ${release}

      CommitMessage: ${commitMessage}

      CommitTime: ${commitTime}

      PackingTime: ${d.getFullYear()}-${d.getMonth() + 1}-${d.getDate()} ${d.getHours()}:${d.getMinutes()}

      Version: ${packageData.version}
  `;

  fs.writeFileSync('dist/version.txt', versionStr);
} catch (e) {
  throw new Error(e);
}

3.使用打包命令

npm run build

打包后可以在dist文件夹看到version.txt文件,可以看到当前代码git提交信息