如何添加「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']); 

：沿線的

東西