Gulp Check Unused Css

screenshot of Gulp Check Unused Css

A build tool for checking your HTML templates for unused CSS classes

Overview

This library, gulp-check-unused-css, is no longer being maintained and has been archived. It is recommended to use gulp-purgecss as an alternative. This tool ensures that all of your defined CSS classes are used in your HTML files, and vice versa. It helps to remove unused and redundant code, improving the readability of your project and reducing file size. The tool aims to check for overlapping parts in your CSS and HTML files and throws an error if it encounters any inconsistencies. It also provides options to ignore certain classes or sets of classes.

Features

  • Ensure all defined CSS classes are used in HTML files
  • Report unused CSS classes in HTML files
  • Report CSS definitions that are not being used
  • Improve code maintainability and readability
  • Reduce file size and data being transferred on load
  • Option to ignore certain classes or sets of classes
  • Support for ng-class in Angular (can be turned on with angular option)

Summary

gulp-check-unused-css is a tool for checking unused CSS classes in HTML files and unused CSS definitions. It helps improve code maintainability and reduce file size by removing unnecessary code. However, please note that this library is no longer actively maintained and it is recommended to use gulp-purgecss as an alternative.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.