javascript, JS, CSS 파일 압축 유틸 , javascript 압축, 자바스크립트 파일 압축
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)
'Code > JavaScript' 카테고리의 다른 글
[Javascript] HTML을 PDF로 변환하기 (0) | 2024.11.08 |
---|---|
Electron.js 프로젝트 빌드 방법(윈도우 실행파일 만들기) (0) | 2024.03.17 |
[JS] 비동기 함수(모드)에서 루프를 동기로 동작시키기 (0) | 2023.10.09 |
Node.js에서 CJS(CommonJS Module) 와 ESM(ES Module) 동시 사용 방법 (0) | 2023.10.08 |
[JS] Express.js 사용법 (0) | 2023.08.13 |