将gulp uncss与gulp sass一起使用

将gulp uncss与gulp sass一起使用,sass,gulp,Sass,Gulp,我的问题是,您可以将gulp sass与gulp uncss一起使用,或者您只能使用一个。如果可以的话,您需要将它们放在不同的任务中,还是需要将gulp UNCS用作sass中的管道。我不知道这两个任务如何配合得很好。需要编译SASS以生成生成的CSS,gulp uncss要么必须编译SASS本身(可疑),要么能够从SASS中推断出将使用哪些规则(可能不可能)。gulp uncss是一种流式转换,旨在对CSS文件管道进行操作。因此,在运行UNCS之前,您可以在管道中将SCS转换为CSS: var

我的问题是,您可以将gulp sass与gulp uncss一起使用,或者您只能使用一个。如果可以的话,您需要将它们放在不同的任务中,还是需要将gulp UNCS用作sass中的管道。

我不知道这两个任务如何配合得很好。需要编译SASS以生成生成的CSS,gulp uncss要么必须编译SASS本身(可疑),要么能够从SASS中推断出将使用哪些规则(可能不可能)。

gulp uncss是一种流式转换,旨在对CSS文件管道进行操作。因此,在运行UNCS之前,您可以在管道中将SCS转换为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'));
});
注:我保持大口uncss