개발자 도구 / 17

JavaScript 압축기

식별자 이름은 변경하지 않고 주석, 들여쓰기, 빈 줄을 보수적으로 제거합니다.

JavaScript 압축기: TOEA는 문자열, 템플릿 리터럴, 정규 표현식 리터럴을 검사하고, 그 내부에 없는 줄 주석과 블록 주석을 제거합니다. 템플릿 리터럴 외부의 들여쓰기를 정리하고, 더 안전한 자동 세미콜론 처리를 위해 줄 경계를 유지합니다. 서버에 파일을 전혀 업로드하지 않고 브라우저에서 100% 로컬로 실행됩니다.

카테고리
개발자 도구
실행 횟수
브라우저에서
비용
무료 · 가입 불필요
사용 가능 여부
사용 가능
JavaScript 압축 도구로컬 처리

브라우저에서 전부 실행됩니다

변경 없이 복사되는 항목

문자열, 템플릿 리터럴, 정규 표현식 리터럴은 그대로 복사됩니다. 따라서 /https?:\/\//의 //는 주석으로 처리되지 않으며, 여러 줄 템플릿 리터럴 내부의 들여쓰기도 문자열의 일부로 유지됩니다. /는 연산자, 여는 괄호, 쉼표, 세미콜론, 중괄호 또는 return, typeof 같은 키워드 뒤에서는 정규 표현식의 시작으로 처리되고, 이름, 숫자 또는 닫는 괄호 뒤에서는 나눗셈을 의미합니다. 이것이 일반적인 규칙이며 if (ok) /x/.test(s) 같은 드문 코드에서만 잘못 해석될 수 있습니다.

자동 세미콜론 삽입이 줄 바꿈에 의존하므로 줄 바꿈은 유지하고 빈 줄은 제거합니다. let a = b와 (c || d).run()을 한 줄로 합치면 b를 함수로 호출하게 됩니다. 같은 이유로 여러 줄에 걸친 블록 주석도 줄 바꿈 하나를 남깁니다.

빌드 도구를 사용해야 하는 경우

이 페이지는 주석과 들여쓰기만 제거합니다. Terser와 esbuild 같은 빌드 시점 축소기는 지역 변수 이름도 줄이고, 도달할 수 없는 코드를 제거하며, 소스 맵을 작성하므로 일반적으로 훨씬 더 작은 파일을 만듭니다. 애플리케이션 번들에는 이러한 도구를 사용하고, 코드 조각이나 삽입 코드 또는 페이지에 붙여 넣는 스크립트에는 이 도구를 사용하십시오. 차이 검사 도구에서 입력과 출력을 비교하면 정확히 어떤 줄이 변경되었는지 확인할 수 있습니다.

사용 방법

  1. JavaScript를 붙여넣습니다.
  2. JavaScript 압축을 선택합니다.
  3. 출력을 테스트하거나 복사 또는 다운로드합니다.

개인정보 보호 및 제한사항

소스는 로컬에 유지됩니다. 이 보수적인 압축기는 난독화 도구가 아니므로, 배포하기 전에 생성된 코드를 테스트하십시오.

관련 도구

자주 묻는 질문

이름을 짧게 변경하지 않는 이유는 무엇입니까?

코드 조각과 통합 환경에서 예기치 않은 문제를 줄이기 위해 식별자 이름 변경을 의도적으로 제외했습니다.

일부 줄 바꿈이 유지되는 이유는 무엇입니까?

줄 경계를 유지하면 JavaScript의 자동 세미콜론 처리 방식이 변경되는 것을 방지할 수 있습니다.

무료 도구 · 브라우저에서회 실행 · 계정 불필요