Как добавить «gulp-uncss» в «gulp-usemin»

Question

На самом деле у меня есть это, но я хочу добавить uncss плагин. Или как я могу добавить динамические ссылки.

var usemin = require('gulp-usemin'); 
var uglify = require('gulp-uglify'); 
var uncss = require('gulp-uncss'); 
var minifyHtml = require('gulp-minify-html'); 
var minifyCss = require('gulp-minify-css'); 
var rev = require('gulp-rev'); 

gulp.task('usemin', function() { 
return gulp.src('./*.html') 
    .pipe(usemin({ 
     css: [minifyCss(), 'concat'], 
     html: [minifyHtml({empty: true})], 
     js: [uglify(), rev()] 
    })) 
    .pipe(gulp.dest('build/')); 
}); 

Answer 1

После запуска usemin() вы можете uncss() полученный свернутое файл CSS.

Что-то вдоль линий:

gulp.task('usemin', function() { 
return gulp.src('./*.html') 
    .pipe(usemin({ 
     css: [minifyCss(), 'concat'], 
     html: [minifyHtml({empty: true})], 
     js: [uglify(), rev()] 
    })) 
    .pipe(gulp.dest('build/')); 
}); 

gulp.task('uncss', ['usemin'], function() { 
return gulp.src('./build/*.css') 
    .pipe(uncss({ 
     html: ['./build/*.html'] 
    })) 
    .pipe(gulp.dest('build/')); 
}); 

gulp.task('build', ['usemin','uncss']);