WebPack5)

webpack3에서 webpack5로 업그레이드 중입니다.

버전 3과 5는 많은 플러그인이 달랐습니다.

상황

버전 3의 uglifyjs-webpack-플러그인 이미 이 Webpack5에 통합되어 제공됩니다.

terser-webpack-플러그인 에 의해 지원되어야

webpack4를 설치해야 하는데 버전 5부터는 기본으로 제공되므로 별도로 설치할 필요가 없습니다.

수입

webpack.prod.config

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

실행 오류

ValidationError: 잘못된 옵션 개체입니다.

Terser 플러그인이 API 스키마와 일치하지 않는 옵션 개체로 초기화되었습니다.


– 옵션에 알 수 없는 속성 ‘sourceMap’이 있습니다.

다음 속성은 유효합니다.


Object { Test?, Include?, Exclude?, TerserOptions?, ExtractComments?, Parallel?, Minify? } 확인 시

원본 웹 패키지3

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

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

웹패키지5

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

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

이름이 조금 바뀌었습니다.