[Webpack 5] Optimization.minimizer

webpack5에는 terser 플러그인이 내장되어 있습니다.

하지만 Optimization.minimizer 옵션을 커스텀해야 하거나

Terser 플러그인의 옵션을 넣어야 한다면 별도로 다운로드 해야 합니다.

이 경우 프로덕션 모드에서는 최적화를 수행하고 개발모드에선 수행하지 않도록 해야할 때

webpack4에서는 3항 연산자를 이용해야 했는데요.

webpack5에서는 주석 한 줄이면 됩니다.

  optimization: {
    minimizer: [
      // `...`,
      new CssMinimizerPlugin(),
      new TerserPlugin({
        terserOptions: {
          compress: {
            drop_console: true,
          },
        },
      }),
    ],
  },