¿Cómo usar las variables generadas por el package web?

Estoy tratando de mostrar el hash de git commit en mi aplicación de reacción usando https://www.npmjs.com/package/git-revision-webpack-plugin este plugin de webpack que supuestamente expone la variable COMMITHASH

En mi jsx incluí:

<p>{process.COMMITHASH}</p>

y el complemento instalado en la configuration del package web de producción como se describe:

 plugins: [ new GitRevisionPlugin() ] 

aún generado html devuelve <p></p>

Si desea acceder a la variable COMMITHASH dentro de su código, debe usar el complemento Define , tal como se indica en la documentation aquí: https://www.npmjs.com/package/git-revision-webpack-plugin#plugin -api

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

Entonces, cada ocurrencia de COMMITHASH "constante" en su código debe ser reemplazada por un package web cuando construya el package.