用 node.js 在 Vue 项目中的 js 文件中写入 git commit 信息

2020/12/28 浏览数(1,001) 分类：NodeJS, Vue.js, VueComponentLibrary 已关闭评论

const packageInfo = require('./package.json');
const fs = require('fs');
const gitHEAD = fs.readFileSync('.git/HEAD', 'utf-8').trim();
const ref = gitHEAD.split(': ')[1];

let version = packageInfo.version;
let commitId = '';
if (ref) {
  commitId = fs.readFileSync('.git/' + ref, 'utf-8').trim();
} else {
  commitId = gitHEAD;
}

console.log(version, commitId);

fs.readFile('./config.js', 'utf8', function (err, content) {
  var result = content;
  result = result.replace(/const version = '.*?';/g, `const version = '${version}';`);
  result = result.replace(/const commitId = '.*?';/g, `const commitId = '${commitId}';`);
  console.log(result);
  fs.writeFile('./config.js', result, 'utf8', function (err) {
    if (err) {
      console.log(err)
    };
  });
})

const p = require('./package.json');
const f = require('fs');
const g = f.readFileSync('.git/HEAD', 'utf-8').trim();
const r = g.split(': ')[1];
const v = p.version;
const i = r ? f.readFileSync('.git/' + r, 'utf-8').trim() : g;
f.readFile('./config.js', 'utf8', function (err, c) {
  c = c.replace(/const version = '.*?';/g, `const version = '${v}';`);
  c = c.replace(/const commitId = '.*?';/g, `const commitId = '${i}';`);
  f.writeFile('./config.js', c, 'utf8', () => {});
});

示例

vue.config.js

const { DefinePlugin } = require('webpack');
const packageInfo = require('./package.json');
const fs = require('fs');
const gitHEAD = fs.readFileSync('.git/HEAD', 'utf-8').trim(); // ref: refs/heads/feature/xxx
const ref = gitHEAD.split(': ')[1]; // refs/heads/feature/xxx
const branch = gitHEAD
  .split('/')
  .slice(2)
  .join('/'); // feature/xxx
const commitId = fs
  .readFileSync('.git/' + ref, 'utf-8')
  .trim();
const budilDate = new Date().toISOString(); // "2019-03-02T02:16:34.149Z"
const appInfo = {
  name: packageInfo.name_cn || packageInfo.name,
  version: `v${packageInfo.version}`,
  branch,
  beta: branch !== 'master',
  build: commitId,
  date: budilDate,
};

module.exports = {
  chainWebpack: config => {
    // 在入口文件中添加版本信息 /public/index.html, usage: <%=htmlWebpackPlugin.options.appInfo.name%>
    config.plugin('html').tap(args => {
      args[0].appInfo = appInfo;
      return args;
    });
    // 在 vue 项目中使用版本信息 /src/view/*.vue, usage: {{ process.env.appInfo.name }}
    config.plugin('define-env').use(DefinePlugin, [
      {
        'process.env.appInfo': JSON.stringify(appInfo),
      },
    ]);
  },
  devServer: {
    hot: true,
    proxy: {
      '/api': {
        target: process.env.VUE_APP_API_SERVER_URL, // see .env
        changeOrigin: true,
        pathRewrite: {
          // '^/api': '' // 把二级目录变成一级目录
        },
      },
      '/storage': {
        target: process.env.VUE_APP_API_SERVER_URL, // see .env
        changeOrigin: true,
        pathRewrite: {
          // '^/storage': '' // 把二级目录变成一级目录
        },
      },
    },
  },
};

通过 commit id 查分支名称（可能有多个）

// 省略部分代码
if (!branch && commitId) {
  try {
    // Git v2.7.0+ 支持 --points-at
    const out = execSync(`git branch --points-at "${commitId}" --format='%(refname:short)'`, { cwd: process.cwd(), encoding: 'utf8' });
    branch = out
      .split('\n')
      .map((s) => s.trim())
      .filter(Boolean)
      .join(', ');
  } catch (e) {}
}

// 省略部分代码
if (!branch && commitId) {
  try {
    // Git <2.7.0 不支持 --points-at
    const full = execSync(`git rev-parse "${commitId}"`, { cwd: process.cwd(), encoding: 'utf8' }).trim();
    const lines = execSync('git for-each-ref --format="%(objectname) %(refname:short)" refs/heads/', { cwd: process.cwd(), encoding: 'utf8' }).split('\n');
    branch = lines
      .map((l) => l.trim())
      .filter(Boolean)
      .filter((l) => l.startsWith(full))
      .map((l) => l.slice(41)) // 去掉前 41 个字符（40 位 hash + 空格）
      .join(', ');
  } catch (e) {}
}

相关文章