vue+vite获取git信息

初升晨光

已于 2023-05-06 17:10:07 修改

阅读量1.1k

点赞数 2

文章标签： git vue.js 前端

于 2023-05-06 16:36:56 首次发布

本文链接：https://blog.youkuaiyun.com/m0_63685551/article/details/130529705

版权

文章介绍了如何在Vite构建工具中利用Node.js的child_process模块执行shell命令，获取Git的SHA、提交日期、HASH以及最后一次提交的信息。此外，还展示了如何读取package.json的版本号和当前的打包时间，并将这些信息输出到控制台。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在vite中获取git信息，可以使用node.js中child_process的execSync方法

在vite.config.js中引用

import { execSync } from 'child_process';
const _APP_INFO_ = {
	// SHA 
	GIT_SHA:execSync('git rev-parse --short HEAD').toString().trim(),
	// 提交时间
	GIT_COMMIT_DATE:execSync('git log -1 --format=%cI').toString().trim(),
	//HASH
	GIT_HASH:execSync('git rev-parse HEAD').toString().trim(),
	//最后提交 message
	GIT_LAST_COMMIT_MESSAGE:execSync('git show -s --format=%s').toString().trim()
}
export default defineConfig({
	//挂在全局
	define: {
    _APP_INFO_: JSON.stringify(_APP_INFO_),
  },
})

可以定义个js文件

export const seenLog = () => {
	const consoleText = `GIT_SHA :${_APP_INFO.GIT_SHA}\n commitDte:${_APP_INFO.GIT_COMMIT_DATE}\n GIT_HASH:${_APP_INFO.GIT_HASH}\n Message:${_APP_INFO.GIT_LAST_COMMIT_MESSAGE}`
}
console.log(`%c${consoleText}`, 'color: #fc4d50;font-size:14px');

App.vue文件中引入

<script steup>
	import { seenLog } from './seenLog.js';
	seenLog()
</script>

衍生：可以将版本号、打包时间也在控制台输出（同样加到vite.config.js）

	//获取package.jso version
	import config from './package.json';
	const _APP_INFO = {
		//版本
		APP_VERSION: config.version
		BUILD_TIME: dayjs().format('YYYY-MM-DD HH:mm:ss')
	}

以上内容仅供参考。。。。。。。