UTILS.
100% 브라우저 내 실행
🗜️

JavaScript 미니파이어

문자열, 템플릿 리터럴, 정규식을 안전하게 보존하면서 주석과 불필요한 공백을 제거해 JavaScript를 축소합니다. 브라우저에서 로컬로 실행됩니다.

— 여기에 결과가 표시됩니다 —

이 도구에 대하여

JavaScript 미니파이어는 주석을 제거하고 불필요한 공백과 줄바꿈을 축소하여 스크립트의 크기를 줄인 뒤, 절약된 바이트를 보고합니다. 크기에 민감한 곳에 붙여넣기 전에 작은 스크립트나 스니펫을 축소하는 빠르고 의존성 없는 방법입니다. 모든 처리는 로컬에서 이루어지며, 코드는 순수하게 텍스트로 취급되고 실행되지 않습니다. 따라서 eval이 없고 아무것도 업로드되지 않습니다.

이것은 보수적이고 토큰을 인식하는 미니파이어입니다. 소스를 토큰으로 스캔하면서 문자열, 템플릿 리터럴, 정규식, 주석의 내부를 정확히 건너뛰므로 그 내용이 바이트 단위로 보존됩니다. 주석은 제거되며(또는 토글로 유지), 공백의 연속은 진짜로 공백이 필요한 곳을 제외하고 모든 곳에서 제거됩니다. 두 식별자/숫자/키워드 토큰 사이(그래서 'return a'가 절대 'returna'가 되지 않음) 또는 그렇지 않으면 붙어버릴 두 연산자 문자 사이(그래서 'a + +b'가 공백을 유지함)에는 공백이 남습니다. 키워드 뒤에 오는 정규식 리터럴도 구분 공백을 유지합니다.

추상 구문 트리를 다시 만들지 않기 때문에 변수 이름을 바꾸거나 죽은 코드를 제거하지 않습니다. 제거해도 확실히 안전한 것만 제거합니다. 또한 줄바꿈을 축소하므로, 줄바꿈에 걸친 자동 세미콜론 삽입에 의존하는 코드는 이미 명시적 세미콜론을 사용하고 있어야 합니다. 패널에는 원본 크기, 축소된 크기, 절약된 백분율이 표시됩니다.

자주 묻는 질문

변수 이름을 바꾸거나 로직을 압축하나요?
아니요. 이것은 전체 압축기가 아니라 보수적인 공백-및-주석 미니파이어입니다. 변수 이름을 뭉개거나 상수를 접거나 죽은 코드를 제거하지 않습니다. 주석과 비필수 공백만 제거하므로 출력을 소스와 비교(diff)하기가 쉽습니다.
제 문자열과 정규식이 안전한가요?
네. 미니파이어는 소스를 토큰화하고 문자열, 템플릿 리터럴, 정규식의 내부를 정확히 보존합니다. 그 안의 공백과 주석 같은 텍스트는 절대 건드리지 않으므로, 축소된 코드는 동일하게 동작합니다.
미니파이가 제 코드를 망가뜨릴 수 있나요?
줄바꿈을 축소하므로, 줄바꿈에 걸친 자동 세미콜론 삽입에 의존하는 스크립트는 의미가 바뀔 수 있습니다. 대부분의 코드처럼 이미 명시적 세미콜론을 사용한다면 출력은 동등합니다. 확신이 서지 않으면 축소된 결과를 테스트하세요.
크기 숫자는 무엇을 의미하나요?
미니파이 후 도구는 원본과 축소된 소스를 UTF-8 바이트로 측정하고, 둘 다와 백분율 감소를 표시합니다. 스크립트가 정확히 얼마나 작아졌는지 확인할 수 있습니다.

더 많은 도구