JavaScript 압축기

JavaScript를 붙여 넣으면 똑같이 동작하는 더 작은 파일과 gzip 전후로 줄어든 용량을 보여 줘요.

이 기기 안에서 봉인됨

브라우저에서 실행돼요. 아무것도 업로드되지 않아요.

봉인됨

JavaScript 입력

파일 열기

코드 압축 이름 줄이기 최상위 이름 포함 ES 모듈 console 호출 제거 함수·클래스 이름 유지 라이선스 주석 유지 출력 문법 반복 횟수

입력하는 대로 여기에 압축된 JavaScript가 표시돼요.

스크립트 붙여 넣기

JavaScript를 붙여 넣거나 .js 파일을 여세요. 클래스, async 함수, 옵셔널 체이닝 등 최신 문법을 지원해요.
옵션 조절하기

안전하고 작은 결과를 원하면 기본값을 그대로 두세요. console 호출을 지우거나, 최상위 이름을 줄이거나, 반복 횟수를 늘릴 수도 있어요.
결과 복사하기

절약한 바이트를 확인한 뒤 코드를 복사하거나 .min.js 파일로 다운로드하세요.

내 코드가 업로드되나요?

아니요. 대부분의 JavaScript 빌드 도구가 쓰는 압축기인 Terser가 브라우저 안에서 실행돼요. 소스 코드는 기기 밖으로 나가지 않아요.

압축한 코드도 똑같이 동작하나요?

기본 옵션이라면 그래요. 오류 보고처럼 실행 중에 함수 이름을 사용하는 코드라면 “함수·클래스 이름 유지”를 켜세요. 최상위 이름 포함은 스크립트가 다른 스크립트와 전역 변수를 공유하지 않을 때만 안전해요.

“출력 문법”은 무엇을 바꾸나요?

Terser가 코드를 다시 쓸 때 사용할 수 있는 JavaScript 버전을 정해요. 예를 들어 ES2015 이상이면 화살표 함수를 쓸 수 있어요. 최신 문법을 ES5로 낮춰 주지는 않으니, 그런 작업에는 Babel 같은 트랜스파일러를 사용하세요.

“ES 모듈”은 왜 켜나요?

import나 export를 쓰는 파일은 모듈이에요. 이를 알려 주면 Terser가 파일을 해석하고, strict 모드를 적용하고, 최상위 이름을 안전하게 줄일 수 있어요. 모듈의 변수는 전역이 아니기 때문이에요.

소스 맵도 만들어 주나요?

아니요. 이 도구는 빠른 압축용이에요. 소스 맵이 필요한 프로덕션 빌드에는 번들러를 통해 Terser를 사용하세요.