Webpack v4 copy-webpack-plugin 할 때, Uglify하는 방법

Webpack v4 copy-webpack-plugin 할 때, Uglify하는 방법

Webpack v4로 바뀌면서, 이래저래 기존 Plugin이 보조를 맞춰 올라오지 못하는 경우가 많다. 그러다 보니, 원하지 않는 메시지를 보게 되는데, 결과를 얻는데는 문제가 없더라도, 아무래도 거슬릴 수밖에 없다.

표시되는 메시지

const webpackConfig = {
  plugins: [
    new CopyPlugin(
      [
        {
          from: path.resolve(__dirname, 'dest', `jquery${PRODUCTION ? '.min' : ''}.js`),
          to: 'libs',
          transform: PRODUCTION && content =>
            Promise.resolve(Buffer.from(Terser.minify(content.toString(), terserOptions).code, 'utf8'))
        }
      ]
    )
  ]
};

ES6를 사용한다고 가정하고, Terser Plugin을 사용했지만, 상황에 따라 Uglify Plugin을 사용해도 된다.

댓글

이 블로그의 인기 게시물

Next.js에서 자연스러운 Page Transition 방법

[flutter] Android - Package간 sdk version 등이 맞지 않아 오류가 발생하는 경우

[Windows] Chocolatey upgrade