当前位置: 首页 > news >正文

vue项目打包获取git commit信息并输出到打包后的指定文件夹中

需求背景:
前端项目经常打包,发包部署,为了方便测试及运维发现问题时与正确commit信息对比
实现方式:
使用Node.js的child_process模块来执行git命令
实现步骤:
1.在package.json的同级目录下新建一个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);
}

2.修改package.json的打包脚本:
在这里插入图片描述
3.使用npm run build:prod进行打包会输出version.txt文件在dist目录下
详情如下:
在这里插入图片描述

ps:
在浏览器环境下直接执行 Node.js 的 child_process 模块是不可行的,因为浏览器环境无法直接访问操作系统的命令行

http://www.lryc.cn/news/307940.html

相关文章:

  • vue 移动端app预览和保存pdf踩坑
  • Vueuse:打造高效的 Vue.js 开发利器
  • mysql锁的创建方式
  • 5.WEB渗透测试-前置基础知识-常用的dos命令
  • 解决:code ERESOLVE:ERESOLVE could not resolve 的报错问题
  • Dockerfile(3) - WORKDIR 指令详解
  • 2024万元投影仪怎么选?极米RS10 Ultra和当贝X5 Ultra实测横评
  • java环境搭建
  • 【GB28181】wvp-GB28181-pro快速修改登录页面名称(前端)
  • 【lv15 day1 设备号申请和注销】
  • JVM对象创建与内存分配机制
  • 《TCP/IP详解 卷一》第10章 UDP和IP分片
  • Android进阶之路 - RecyclerView停止滑动后Item自动居中(SnapHelper辅助类)
  • 高性能图表组件LightningChart .NET v11.0发布——增强DPI感知能力
  • 神经网络系列---计算图基本原理
  • 3D数字孪生
  • C++惯用法之空基类优化
  • 【生成式AI】ChatGPT 原理解析(2/3)- 预训练 Pre-train
  • Day03:Web架构OSS存储负载均衡CDN加速反向代理WAF防护
  • C++多线程同步(上)
  • 猜猜心里数字(个人学习笔记黑马学习)
  • 实用Pycharm插件
  • 数据结构试题练习
  • s-table和columns初始化不完整,造成table文件的filter报错
  • SLA 是什么?如何实现 SLA 管理
  • 火灾安全护航:火灾监测报警摄像机助力建筑安全
  • JavaScript 基础学习笔记(五):函数、作用域、匿名函数
  • Qt环境配置VTK
  • 腾讯云最新活动_腾讯云促销优惠_代金券-腾讯云官网入口
  • 如何创建自己的Spring Boot Starter并为其编写单元测试