JavaScript 압축
로컬 Worker에서 Terser로 JavaScript를 압축하고 바이트 통계와 오류 위치를 보여줍니다. 실행하지도 업로드하지도 않습니다.
도구 열기 — JavaScript 압축JavaScript 압축 vs JavaScript 포맷터
JavaScript 압축 vs JavaScript 포맷터 — 차이가 뭔가요?
결론부터: JavaScript Formatter는 코드를 읽기 좋게 만듭니다. 실제 파서로 압축되었거나 정리되지 않은 소스를 2칸 또는 4칸 들여쓰기로 다시 정렬하고 실행하지 않습니다. JavaScript Minifier는 코드를 작게 만듭니다. 로컬 Worker 안의 Terser로 공백을 제거하고 배포용으로 구문을 줄입니다. 가독성과 페이로드 크기의 차이입니다.
JavaScript 압축와 JavaScript 포맷터 비교
| JavaScript 압축 | JavaScript 포맷터 | |
|---|---|---|
| 용도 | 로컬 Worker에서 Terser로 JavaScript를 압축하고 바이트 통계와 오류 위치를 보여줍니다. 실행하지도 업로드하지도 않습니다. | 브라우저에서 구문 분석기로 JavaScript 코드를 정리합니다. 코드를 업로드할 필요가 없습니다. |
| 입력 | ES2020 이하 JavaScript — TypeScript와 JSX는 불가 — 최대 256 KiB | 최대 256 KiB의 JavaScript 소스, 파싱만 하고 실행은 하지 않음 |
| 출력 | 미니파이된 스크립트와 변환 전후 바이트 통계 | 2칸 또는 4칸 들여쓰기로 재정렬된 소스, 오류 위치 보고 포함 |
| 전형적인 사용 | 배포: 스크립트나 번들 조각을 프로덕션용으로 축소 | 읽기: 압축된 코드를 펼쳐 검토하거나 디버깅 |
핵심 차이
JavaScript 압축 vs JavaScript 포맷터
하는 일
작업에 따라 다름포매터는 사람을 위한 정렬을 합니다. 미니파이어는 같은 언어를 배포용으로 축소합니다.
입력
이 항목은 JavaScript 압축둘 다 256 KiB 이하의 순수 JavaScript를 받습니다. 미니파이어는 TypeScript와 JSX를 추가로 거부하는데, Terser가 ES2020만 받기 때문입니다.
출력
작업에 따라 다름미니파이어는 축소 후 절약된 바이트를 보고합니다. 포매터는 같은 코드의 재정렬 결과를 구문 오류의 행과 열 위치와 함께 보여 줍니다.
잘 맞는 경우
작업에 따라 다름소스 검토나 디버깅은 포매터, 프로덕션 페이로드는 미니파이어입니다.
대상 도구
JavaScript 포맷터
브라우저에서 구문 분석기로 JavaScript 코드를 정리합니다. 코드를 업로드할 필요가 없습니다.
도구 열기 — JavaScript 포맷터관련 비교
다른 Toolars 도구 비교
자주 묻는 질문
JavaScript 압축와 JavaScript 포맷터의 차이는 무엇인가요?
포매터는 레이아웃만, 즉 들여쓰기와 줄바꿈만 다시 쓰고 구문 오류를 위치와 함께 알립니다. 미니파이어는 코드 자체를 다시 씁니다. 주석이 제거되고 Terser가 구문을 줄이며 절약된 바이트가 표시됩니다. 둘 다 코드를 실행하지 않습니다.
JavaScript 압축와 JavaScript 포맷터를 함께 쓸 수 있나요?
네 — 왕복이 됩니다. 미니파이된 파일을 포매팅해 내용을 파악하고, 수정한 뒤 결과를 다시 미니파이해 배포하세요. 포매팅된 복사본을 소스로 유지하세요. 미니파이된 출력은 편집이 아니라 배포용입니다.