craco.config.js

const CracoLessPlugin = require('craco-less')

module.exports = {
  webpack: {
    configure: (webpackConfig) => {
      if (process.env.NODE_ENV === 'production') {
        // remove console in production
        const TerserPlugin = webpackConfig.optimization.minimizer.find((i) => i.constructor.name === 'TerserPlugin')
        if (TerserPlugin) {
          TerserPlugin.options.terserOptions.compress['drop_console'] = true
        }
      }
      return webpackConfig
    }
  },
  plugins: [
    {
      plugin: CracoLessPlugin,
      options: {
        lessLoaderOptions: {
          lessOptions: {
            modifyVars: { '@primary-color': '#41ACEF', '@error-color': 'red' },
            javascriptEnabled: true
          }
        }
      }
    }
  ]
}