Webpack production mode - NODE_ENV undefined

Question

I want to make production build of my app using webpack:

"scripts": {
    "build": "webpack --mode production",
  },

In my webpack.config.js I have this line what I am using in whole config:

const isDevelopment = process.env.NODE_ENV !== 'production';

Usage example:
{
  test: /\.s(a|c)ss$/,
    exclude: /\.module.(s(a|c)ss)$/,
    loader: [
      isDevelopment ? 'style-loader' : MiniCssExtractPlugin.loader,
                    'css-loader',
                    {
                        loader: 'sass-loader',
                        options: {
                            sourceMap: isDevelopment
      }
    }
  ]
}

but process.env.NODE_ENV is always undefined.

I am on Windows 10

Am I doing something wrong?

Answer 1

Way I found is to use argv.mode variable inside export like so:

module.exports = (env, argv) => {
    const isDevelopment = argv.mode !== 'production';
    return {
      // Config...
    }
}

Answer 2

You could also manually set it like this "build": "set NODE_ENV=production webpack --mode production" (windows only)

or use cross-env Run scripts that set and use environment variables across platforms

https://www.npmjs.com/package/cross-env

"build": "cross-env NODE_ENV=production