index index - 4 months ago 47
Node.js Question

Pass or use process.env variable from node to reactjs

How do I pass or use

process.env
variables from node to reactjs? For example I have this

const nodeEnv = process.env.NODE_ENV || 'development'


in my development and it works (I think because it's development and I DO have a fallback
'development'
.

But when we push it to our staging server and set
NODE_ENV
variable, it only works the first time it loads but subsequently it doesn't. I think I do get this because at first it's served by node and it has access to server variables but afterwards it would be reactjs serving the pages (right?) and it wouldn't have access to server stuff. So how do I get to have variables to reactjs without hardcoding it (because we would eventually have a different set for production)?

EDIT. We also use webpack if that has a difference.

Answer

1min searching google and I found this: http://dev.topheman.com/make-your-react-production-minified-version-with-webpack/

module.exports = {
  //...
  plugins:[
    new webpack.DefinePlugin({
      'process.env':{
        'NODE_ENV': JSON.stringify('production')
      }
    }),
    // [...]
  ]
  //...
}

In my opinion this is exactly what you are searching for.

Comments