2017-12-21 2 views
0

Ich benutze gulp-clean-css als gulp.task um CSS zu minimieren.Warum die Aufgabe der Ausgabe von gulp-clean-css für Minify CSS ist eine leere Datei?

Mein Dateipfad ist css/mehr.css und der Weg der minimierte CSS wird css/mehr.min.css

sein, aber wenn ich laufe die Aufgabe:

gulp minify_css_task 

Die mehr.min.css ist erstellt, aber leer!

Ausgabe:

[11:45:01] Using gulpfile ~/mehr/gulpfile.js 
[11:45:01] Starting 'minify_css_task'... 
Original size of mehr.css: 7192 
Minified size of mehr.css: 0 
[11:45:02] Finished 'minify_css_task' after 68 ms 

und meine gulpfile.js ist:

var cleanCSS = require('gulp-clean-css'); 

gulp.task('minify_css_task',[other_task], function() { 
    return gulp.src('css/mehr.css') 
    .pipe(cleanCSS({debug: true}, function(details) { 
     compatibility: 'ie8'; 
     console.log('Original size of '+ details.name + ': ' + details.stats.originalSize); 
     console.log('Minified size of '+ details.name + ': ' + details.stats.minifiedSize); 
    })) 
    .pipe(rename({ 
     suffix: '.min' 
    })) 
    .pipe(gulp.dest('css')) 
    .pipe(browserSync.reload({ 
     stream: true 
    })) 
}); 

I neueste Version von schluck-clean-CSS verwenden:

npm view gulp-clean-css description dist-tags.latest version 

Ausgabe:

description = 'Minify css with clean-css.' 
dist-tags.latest = '3.9.0' 
version = '3.9.0' 

Antwort

0

Da war/* in der Spitze meines CSS, dass ich vergessen hatte, es zu schließen :))

Verwandte Themen