Gulp + Sass +组合媒体查询+源地图+缩小

Question

我试图让上面的组合工作，但无法做到。我尝试了以下组合：

1)

var sass = require('gulp-ruby-sass');

gulp.task('sass',function () {
    gulp.src('_scss/main.scss')
        .pipe(sass({
            loadPath: ['_scss'],
            style: "compressed",
            trace: true,
            sourcemap: true,
            sourcemapPath: "../../../_scss",
            noCache: true,
            require: ['sass-media_query_combiner']
    }))

2)

var sass = require('gulp-ruby-sass');
var cmq = require('gulp-combine-media-queries');
var cssmin = require('gulp-cssmin');

gulp.task('sass',function () {
    gulp.src('_scss/main.scss')
        .pipe(sass({
            loadPath: ['_scss'],
            style: "nested",
            trace: true,
            sourcemap: true,
            sourcemapPath: "../../../_scss",
            noCache: true
    }))
    .pipe(cmq())
    .pipe(cssmin())

3)我还尝试了使用gulp-sass +gulp combine-media-queries+gulp minify-css+gulp sourcemaps

在转到Gulp之前，我在ST2中使用了以下构建命令：

"cmd": ["sass", "--update", "${project_path}/web/_scss/main.scss:${project_path}/web/resources/css/main.css", "--stop-on-error", "--no-cache", "--style", "compressed","-r","sass-media_query_combiner"],

链接到reddit、sass-media_query_combiner和gulp-ruby-sass上的问题

Answer 1

".pipe(cmq())“应在".pipe(gulp.dest())”之前

gulp.task('sass', function() {
return gulp.src("./*.scss")
    .pipe(sass())
    .pipe(cmq())
    .pipe(gulp.dest(".css/"))
    .pipe(reload({stream: true}))

})；