如何将“gulp-uncss”添加到“gulp-usemin”答案

【问题标题】：How to add "gulp-uncss" to "gulp-usemin"如何将“gulp-uncss”添加到“gulp-usemin”
【发布时间】：2015-04-17 22:25:16
【问题描述】：

其实我有这个，但我想添加 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/'));
});

【问题讨论】：

标签： javascript gulp gulp-usemin

【解决方案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']);

【讨论】：