배경

UglifyJS와 uglify-es

UglifyJS라는 매우 유명한 minifier가있었습니다. 그러나 ES6을 지원하지 않기 때문에 클래스 구문과 같은 ES2015 이후에 추가 된 문법을 사용하는 JavaScript를 minify 할 수 없습니다.

uglify-es 이라는 UglifyJS를 ES2015의 문법에 대응시키는 개발 브랜치도 있었습니다. 개발이 끝났습니다.

terser

terser이라는 minifier가 있습니다. 살아있다.
2019년 2월 정도부터 uglify-es보다 사용하게 되었습니다.
현재도 증가 추세에 있습니다.


htps //w w. n pmt 벽돌 ds. m / r r-vs-g-fy-js-vs-g-fy-s

모듈 번들러

이 흐름은 모듈 번들러에도 있습니다.

browserify

uglifyify라는 browserify 용 minify 용 변환 모듈이 있습니다.
이전에는 이름대로 UglifyJS를 사용했습니다.

2017년 1월부터 uglify-es

use uglify-es as the main uglify module by lrlna · Pull Request #65 · hughsk/uglifyify

2018년 6월부터 terser

Switch to uglify-es fork by toddself · Pull Request #86 · hughsk/uglifyify

Webpack

Webpack은 2018년 2월부터 기본적으로 ES2015를 minify 수 있습니다.

2018년 2월부터 uglify-es

htps : // 기주 b. 코 m / ぇ b 파 ck / ぇ b パ CK / ぇ あせ s / 타 g / v4.0.0

htps : // 기주 b. 코 m / ぇ b pack - 혼 티 b / u ぃ fyjs - ぇ b 빠 ぅ ぅ 긴 / ぇ あせ s / 타 g / v1.0.0

2018년 11월부터 terser

Release v4.26.0 · webpack/webpack

uglifyjs-webpack-plugin은 이름대로 uglify 용 플러그인으로 돌아 왔으며 ES2015 용 terser-webpack-plugin이 탄생했습니다.

htps : // 기주 b. 코 m / ぇ b 빠 쿠 - 헛 t b / u ぃ fyjs - ぇ b 빠 ぅ ぅ 긴 / ぇ あせ s / 타 g / v2.0.0

htps : // 기주 b. 코 m / ぇ b pack - tb / rr r u b pack - p ㅅ

Webpack의 ES2015 호환 변천 링크

【webpack】(2018년 2월 25일 현재) ES2015 (ES6) 그대로 minify하는 방법 - Qiita

【webpack】(2018년 1월 현시점에서) ES2015(ES6) 그대로 minify하는 방법 - Qiita

【webpack】(현시점에서) ES2015 (ES6) 그대로 minify하는 방법 - Qiita

기타 참고 링크

개인적으로 Terser & Babel이 좋아하는 곳

UglifyJS 대신 terser를 사용하여 webpack하기 - Qiita

uglifyify - 하시모토 상회

10 Javascript Compression Tools and Libraries for 2019

Uglify vs. Babel-minify vs. Terser: A mini battle royale - LogRocket Blog