JavaScript 압축기 및 포맷터

이 도구는 무엇인가요?

JavaScript 압축은 런타임 의미론을 보존하면서 공백, 주석, 불필요한 토큰을 제거합니다. CSS와 달리 자동 세미콜론 삽입(ASI) 규칙을 존중해야 합니다. 이 도구는 모든 주석(// 및 /* */)을 제거하면서 ASI 민감한 줄바꿈을 보존하는 보수적인 공백 제거를 적용합니다.

주요 기능

• 공백 및 주석 제거: 문장 간 공백, 빈 줄, // 및 /* */ 제거. 문자열, 템플릿, 정규식 리터럴 보존.
• ASI 안전 줄바꿈 처리: ASI 유발 행동 변화 방지를 위해 (, [, /, +, - 로 시작하는 문장 앞 줄바꿈 유지.
• 변수 이름 변경 없음: Terser/UglifyJS와 달리 로컬 변수를 한 글자로 바꾸지 않습니다.
• ES6+ 지원: 화살표 함수, 구조분해, 템플릿 리터럴, 옵셔널 체이닝(?.), 널 병합(??) 처리.
• 설정 가능한 미화기: 2/4칸 또는 탭; {/}/; 후, // 전 줄바꿈; 따옴표 스타일 정규화.

일반적인 사용 사례

• 개발 디버깅: 소스맵 없이 프로덕션 압축 JS(React/Vue/Angular 번들)를 미화.
• 간단한 압축: Webpack 없이 HTML 인라인 JS 축소.
• 보안 분석: 난독화된 서드파티 스크립트를 미화하여 내용 평가.
• 크기 추정: 공백 제거 vs Terser 변수 이름 변경 효과 비교.

자바스크립트 미니파이어 사용법

두 가지 모드: Minify(주석/공백 제거로 크기 감소)와 Beautify(일관된 들여쓰기로 재형식화).

왜 JavaScript를 압축해야 하나요?

정리 기능의 구체적인 조정

압축 기능의 구체적인 조정

예상 파일 크기 영향