Pass or use process.env variable from node to reactjs Code Answer

Hello Developer, Hope you guys are doing great. Today at Tutorial Guruji Official website, we are sharing the answer of Pass or use process.env variable from node to reactjs without wasting too much if your time.

The question is published on by Tutorial Guruji team.

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

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.

We are here to answer your question about Pass or use process.env variable from node to reactjs - If you find the proper solution, please don't forgot to share this with your team members.

Related Posts

Tutorial Guruji