0
UnCSS
UnCSS는 스타일 시트에서 사용하지 않는 CSS를 제거하는 도구입니다.여러 파일에서 작동하며 Javascript로 주입 된 CSS를 지원합니다.
- 무료 앱
- Self-Hosted
- CSS
UnCSS는 스타일 시트에서 사용하지 않는 CSS를 제거하는 도구입니다.여러 파일에서 작동하며 Javascript로 주입 된 CSS를 지원합니다.어떻게?UnCSS가 사용하지 않는 규칙을 제거하는 프로세스는 다음과 같습니다. 1. HTML 파일은 jsdom에 의해로드되고 JavaScript가 실행됩니다.2. 모든 스타일 시트는 PostCSS에 의해 구문 분석됩니다.2. document.querySelector는 HTML 파일에없는 선택기를 필터링합니다.4. 나머지 규칙은 CSS로 다시 변환됩니다.참고 : • 템플릿 또는 PHP 파일과 같은 HTML 이외의 페이지에서는 UnCSS를 실행할 수 없습니다.템플릿에 대해 UnCSS를 실행해야하는 경우 템플릿에서 예제 HTML 페이지를 생성하고 생성 된 파일에서 uncss를 실행해야합니다.또는 라이브 로컬 개발 서버를 실행하고 uncss를 가리 킵니다.• UnCSS는 페이지로드시 실행되는 Javascript 만 실행합니다.버튼 클릭과 같은 사용자 상호 작용에서 실행되는 Javascript를 처리하지 않으며 처리 할 수 없습니다.사용자 상호 작용시 Javascript에 의해 추가 된 클래스를 유지하려면 ignore 옵션을 사용해야합니다.