结合使用gulp-uncss和gulp-sass

Question

我的问题是，你能不能把gulp sass和gulp-uncss一起使用，还是只能使用其中一种。如果可以，你是否需要将它们放在不同的任务中，或者你是否需要在sass的任务中使用gulp作为管道。

Answer 1

gulp-uncss是一种流式转换，旨在对CSS文件的流水线进行操作。因此，您可以在运行UnCSS之前将您的SCSS转换为管道中的CSS：

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

gulp.task('uncss', function() {
    return gulp.src('styles/**/*.scss')
        .pipe(sass())
        .pipe(concat('main.css')
        .pipe(uncss({
            html: ['index.html']
        }))
        .pipe(gulp.dest('css'));
});

注:我维持着吞咽的感觉。

Answer 2

我看不出这两个人怎么能配合得很好。SASS需要编译以生成最终的CSS，而gulp uncss要么必须编译SASS本身(令人怀疑)，要么能够推断出将从SASS单独使用哪些规则(可能是不可能的)。