Learning Redux

Injecting the NODE_ENV environment variable with webpack

Firstly, we will inject the NODE_ENV environment variable into our project, so that we know if we are in production or development mode:

1. Edit webpack.config.js; for that, first we will import webpack via require(). Put the following code at the top of the file:

const webpack = require('webpack')

2. Then, we add a plugins property to the module.exports object:

// ...plugins: [

3. We inject the NODE_ENV environment variable by setting process.env.NODE_ENV to the environment variable passed to webpack:

  new webpack.DefinePlugin({    'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development')  })],// ...

Now, we can use process.env.NODE_ENV anywhere in the project. The value ...