Как включить gulp-uncss в генератор йоменов gulp-webapp

Question

Я включил gulp-uncss:

var uncss = require('gulp-uncss');

Затем я добавил свою функцию в styles задача:

gulp.task('styles', () => {
return gulp.src('app/styles/*.scss')
.pipe($.plumber())
.pipe($.sourcemaps.init())
.pipe($.sass.sync({
  outputStyle: 'expanded',
  precision: 10,
  includePaths: ['.']
}).on('error', $.sass.logError))
.pipe($.autoprefixer({browsers: ['last 1 version']}))
.pipe($.sourcemaps.write())
.pipe(uncss({
        html: ['dist/index.html']
    }))
.pipe(gulp.dest('.tmp/styles'))
.pipe(reload({stream: true}));
});

Но это не работает, потому что index.html еще не было сгенерировано.

Учитывая, что gulpfile в gulp-webapp генератора yeoman, как можно сделать uncss обработать main.css файл при сборке?