Clean Css

cleancss · npmjs · github

Css dosyalarından gereksiz boşlukları kaldırarak minify eder (sıkıştırır), böylece dosya boyutunuda en aza indirmiş olur.

/* Önce */
a {
    color: #000;
    display: inline-block;
    text-decoration: none;
}

/* Sonra */
a{color:#000;display:inline-block;text-decoration:none}

Kurulum

Aşağıdaki komut ile kurulum işlemini gerçekleştirebilirsiniz.

npm install gulp-clean-css --save-dev

Kullanımı

var cleancss = require("gulp-clean-css"),
    gulp     = require("gulp");

gulp.task("css", function() {
    return gulp.src("./src/*.css")
        .pipe(cleancss())
        .pipe(gulp.dest("./dest"))
});

Yukarıdaki kod, css dosyalarını alıp sıkıştırma işlemi gerçekleştirecektir.

Tüm seçeneklere ulaşmak için clean css dokümanına göz atabilirsiniz.

Sıradaki Eklenti: Concat