How to add commit hash into reactjs vite.config.js

Question

I want to add commit hash into my react app. Normally, I added it with webpack but this project they are using vite.config.js. May I know how to inject commit hash into vite and how can I use it in react component.

Thanks.

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

Answer 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()],
});

Answer 2

Here's an alternative to the dynamic require

import * as child from "child_process";

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