WebPack5) terser-webpack-plugin 오류 options has an unknown property 'sourceMap'

나는 webpack3 에서 webpack5로 버전 업을 진행하고 있다. 

 

버전 3과 5는 정말 많은 플러그 인이 달랐다ㅠㅜ

 

 

상황

버전3의 uglifyjs-webpack-plugin 이 webpack5에서는 이미 내장되어 제공하는 terser-webpack-plugin 로 지원한다고 한다. 

webpack4는 를 설치해야하지만, 5부터는 기본 제공되어 따로 설치할 필요가 없다.

 

 

가져오기

webpack.prod.config

const TerserPlugin = require('terser-webpack-plugin')

 

실행 오류

ValidationError: Invalid options object. 

Terser Plugin has been initialized using an options object that does not match the API schema.
 - options has an unknown property 'sourceMap'. These properties are valid:
   object { test?, include?, exclude?, terserOptions?, extractComments?, parallel?, minify? } at validate

 

 

 

기존 webpack3 

const UglifyJsPlugin = require('uglifyjs-webpack-plugin')

new UglifyJsPlugin({
  uglifyOptions: {
    compress: {
      warnings: false
    }
  },
  sourceMap: true,
  parallel: true
}),

 

 

webpack5

const TerserPlugin = require('terser-webpack-plugin');

new TerserPlugin({
  terserOptions: {
    compress: {},
  }
})

 

명칭이 좀 바꼈다.