How to use condition in webpack config?

Question

webpack

Hello. I'm trying to use the cross-env module to only run the purgecss plugin on production builds. Found such a solution;
Here is the command with cross-env

"scripts": {
    "start": "cross-env NODE_ENV=development webpack serve --config webpack/webpack.config.babel.js --mode development"
  }

And in webpack.config.js you need to write this:

const isDev = process.env.NODE_ENV === 'development';
const isProd = !isDev;

if (isProd) {
// Используем PurgeCSS.
}

Answer 1

And in webpack.config.js you need to write this

So write it down. What's stopping you? Or already show the config and the place where it does not work.

Answer 2

The webpack config is a regular js file. Can you write in js?

const config = {
  entry: './src/index.js',
  output: {
    // ...
  },
  module: {
    // ...
  },
  plugins: [
    new MiniCssExtractPlugin({
      filename: 'assets/css/style.css'
    }),
    // ...
  ]
};

if (isDev) {
  config.plugins.push( new PurgecssPlugin() );
}

module.exports = config;