Including git commit hash and date in webpack build

Question

I'm using react/es6/webpack. I want to show the date of the build and git hash somewhere in my app. What's the best approach?

Answer 1

You can use webpack's DefinePlugin:

// get git info from command line let commitHash = require('child_process')   .execSync('git rev-parse --short HEAD')   .toString()   .trim();  ... plugins: [     new webpack.DefinePlugin({       __COMMIT_HASH__: JSON.stringify(commitHash)     })   ] ... 

Then you can use it in your app with __COMMIT_HASH__

Answer 2

Another way of doing this is ( in ANGULAR + REACT ) :

Just install this package git-revision-webpack-plugin

Simple webpack plugin that generates VERSION and COMMITHASH files during build based on a local git repository.

---

Sample Code :

Inside your webpack.config.js (or any dev - prod file)

const GitRevisionPlugin = require('git-revision-webpack-plugin'); const gitRevisionPlugin = new GitRevisionPlugin();  plugins: [     new DefinePlugin({       'VERSION': JSON.stringify(gitRevisionPlugin.version()),       'COMMITHASH': JSON.stringify(gitRevisionPlugin.commithash()),       'BRANCH': JSON.stringify(gitRevisionPlugin.branch()),     }),   ] 

In your Component (React):

export class Home extends Component{     ....      render() {         return(             <div>                 {VERSION}                  {COMMITHASH}                 {BRANCH}             </div>         )     } } 

In your Template (Angular):

{{ VERSION }}  {{ COMMITHASH }} {{ BRANCH }}