使用 gulp-uncss 和 gulp-sass答案

【问题标题】：Using gulp-uncss with gulp-sass使用 gulp-uncss 和 gulp-sass
【发布时间】：2014-11-11 15:26:19
【问题描述】：

我的问题是你可以将 gulp-sass 与 gulp-uncss 一起使用，还是只能使用一个。如果可以的话，您是否需要将它们保存在不同的任务中，或者您是否需要使用 gulp-uncss 作为 sass 内部的管道。

【问题讨论】：

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

注意：我维护 gulp-uncss。

【讨论】：

【解决方案2】：

我看不出这两个人会如何配合得很好。需要编译 SASS 以生成生成的 CSS，而 gulp-uncss 要么必须编译 SASS 本身（值得怀疑），要么能够仅从 SASS 推断出哪些规则将被使用（可能是不可能的）。

【讨论】：