如何将提交哈希添加到 reactjs vite.config.js答案

【问题标题】：How to add commit hash into reactjs vite.config.js如何将提交哈希添加到 reactjs vite.config.js
【发布时间】：2022-10-19 06:26:36
【问题描述】：

我想将提交哈希添加到我的反应应用程序中。通常，我使用 webpack 添加它，但这个项目他们使用的是 vite.config.js。我可以知道如何将提交哈希注入 vite 以及如何在反应组件中使用它。

谢谢。

const commitHash = require('child_process').execSync('git rev-parse --short HEAD').toString();

【问题讨论】：

标签： reactjs vite

【解决方案1】：

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

const commitHash = require('child_process')
    .execSync('git rev-parse --short HEAD')
    .toString();

export default defineConfig({
  define: {
    __COMMIT_HASH__: JSON.stringify(commitHash),
  },
  plugins: [react()],
});

【讨论】：

感谢您的提示，但该命令仅返回 '-- 短的头 ' 在我的 cli
@Reiner 我编辑了代码片段。 “--”和“short”之间不应该有空格。

【解决方案2】：

@Reiner，它对我有用。这是我在我的反应应用程序中使用的标签。

<p className="text-center text-gray-500 text-xs">
    Version - {__COMMIT_HASH__}
</p>

【讨论】：

谢谢。我的问题只是命令行没有正确读取 git 命令。 ✌

【解决方案3】：

这是动态要求的替代方案

import * as child from "child_process";

const commitHash = child.execSync("git rev-parse --short HEAD").toString();

【讨论】：