css-purge es una herramienta css que me encanta, esta escrita en Node JS y se encarga de reducir, acortar, comprimir, limpiar, recortar y formatear CSS duplicado, extra, excesivo… eliminando todo el código css que no sea necesario en el archivo css final y reduciendo en unos cuantos kbs.
Alguna de sus características:
- Elimina declaraciones duplicadas
- Acortar el valor a 0 (por ejemplo: 0px, 00px, 000em)
- Acorta los valores de colores hexadecimales, rgb, hsl
- Acorta los valores de propiedades (font, font-weight, background, margin, padding, list-style, outline, border, border-top, border-right, border-bottom, border-left, border-radius)
- Elimina comentarios
- Y muchas más que puedes ver en la web oficial.
Ejemplo de tarea en gulp:
var gulp = require('gulp'),
sass = require('gulp-ruby-sass'),
purge = require('gulp-css-purge'),
minify = require('gulp-minify-css');
gulp.task('default', function() {
gulp.src(['./**/*.sass'])
.pipe(sass())
.pipe(purge())
.pipe(gulp.dest('./public'));
})
Al final son unos cuantos kbs de ahorro respecto a los compresores típicos.
Más info en la web oficial: https://rbtech.github.io/css-purge/
Agradezco tu comentario 🤘