Reactで書いたコードに含まれているconsole.logをwebpackのビルド時に消したいという要望があったので調査

環境

react

17.0.1

webpack

4.44.2

terser-webpack-plugin

4.2.3

設定

console.* 系すべてを消す場合

terserOptionsのcompressに drop_console=true を設定する

{
  terserOptions:{
    cache: true,
    parallel: true,
    sourceMap: false,
    compress:{
      drop_console: true,
    }
  }
}

console.log,infoだけ消す場合

terserOptionsのcompressに pure_funcs=['console.log','console.info'] を設定する

{
  terserOptions:{
    cache: true,
    parallel: true,
    sourceMap: false,
    compress:{
      pure_funcs: [
        'console.log',
        'console.info'
      ]
    }
  }
}

参考