JS, CSS 파일 압축 유틸

JS, CSS 파일 압축 유틸
js, css file compressor (minifier)


//-------------------------------------
* UglifyJS      <== JS 압축용으로 권장
https://github.com/mishoo/UglifyJS - 12.9k
    - v3.17.4 (2022-10)
     - tersor보다 압축율 높음, 사용법 간단

> npm install uglify-js -g
> uglifyjs input.js -c -m -o input.min.js
    -m(--mangle) 옵션을 사용해야 더 압축됨


//-------------------------------------
* terser (JS 압축)
https://github.com/terser/terser - 8.3k
     - v5.27.2 (2024-02)

> npm install terser -g
> terser input.js -c -m --comments false  -o input.min.js
     -m(--mangle) 옵션을 사용해야 더 압축됨
     --comments false 옵션을 사용해야 주석이 모두 삭제됨

 

//-------------------------------------

* javascript-obfuscator
https://github.com/javascript-obfuscator/javascript-obfuscator - 13.4k
    - 난독화 수준 높음, 
    - 압축률은 낮음

> npm install javascript-obfuscator  -g
> javascript-obfuscator in.js --output out.js  --identifiers-prefix B --identifier-names-generator mangled-shuffled 

//-------------------------------------
* Minify     ( CSS 용 )  <== CSS 용으로 권장
https://github.com/coderaiser/minify - 205
     - v11.0.1 (2023-12)

> npm i minify -g
> minify hello.css > hello.min.css
> minify hello.js > hello.min.js (사용 금지, 에러 발생)


//-----------------------------------------------------------------------------
//-------------------------------------
// pass

* html-minifier-terser (CSS 압축)
https://github.com/terser/html-minifier-terser - 331
     - v7.2.0 (2023-04)
     - 사용법 복잡하고, 압축율 낮고, 주석 삭제 안됨

> npm install html-minifier-terser -g
> html-minifier-terser --collapse-whitespace --remove-comments --minify-css true hello.css -o hello.min.css


* minifier
https://github.com/fizker/minifier - 72
- v0.8.1 (2017)


* YUI Compressor
https://github.com/yui/yuicompressor - 3k
- v2.4.8 (2013)