gulp - 如何将 gulp-uncss 与 yeoman 生成器 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尚未生成。

给定 yeoman 生成器 gulp-webapp 的 gulpfile，如何让 uncssmain.css在构建时处理该文件？