이 도구의 기능
CSS Minifier는 먼저 CSS를 구문 트리로 구문 분석한 다음 구조를 정리, 압축 및 최적화합니다. 전체 파일에 대해 위험한 공백 정규식 대체를 수행하지 않으므로 선택기, 선언, 문자열 및 함수 컨텍스트를 구별할 수 있습니다.
- /*! 라이센스 양식의 설명은 유지됩니다.
- 최신 선택기, 미디어 쿼리, calc() 및 사용자 정의 속성을 지원합니다.
- 구문 분석 오류가 표시되며, 이전 오류 결과는 출력되지 않습니다.
사용 방법
- CSS를 붙여넣으세요.
- "CSS 압축"을 클릭하세요.
- 압축 결과 및 절감 비율을 확인하세요.
- minified.css를 복사하거나 다운로드하고 시각적 회귀 테스트를 수행합니다.
주요 사용 사례
- 프로덕션 환경 스타일시트의 크기를 최적화합니다.
- 의미 없는 공백과 일반 주석을 제거합니다.
- 최적화해도 안전한 선언과 값을 통합합니다.
CSS Minifier 기능
CSSO 구문 트리를 사용하여 CSS를 압축하고 문자열, 계산 및 사용자 정의 속성 컨텍스트를 이해합니다. 일상적인 개발, 디버깅, 데이터 정렬 및 코드 최적화 시나리오에 적합합니다. 처리 결과를 직접 확인, 복사, 다운로드할 수 있습니다.
FAQ
CSSO는 어떤 최적화를 수행합니까?
중복성을 정리하고 더 짧은 형식으로 표현할 수 있는 값을 줄이며 안전 규칙에 따라 일부 선언을 재구성합니다.
맞춤 속성이 유지되나요?
네. CSS 사용자 지정 속성도 파서가 처리합니다. 다만 복잡한 프로젝트에서는 최종 스타일을 대상 브라우저에서 테스트하는 것이 좋습니다.
왜 계속 /*! 댓글?
이러한 유형의 설명은 라이센스 또는 저작권 공지에 자주 사용되며 현재 구성이 유지되도록 선택됩니다.