Using require

[wayferer]

Hi there,

I'm new to all this so excuse me but I am having an issue with my media queries not being combined. I have the following in my gulpfile:

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

Any thoughts?

[robwierzbowski]

Can you run your gulp command with --verbose and paste the Sass command being used back here?

[wayferer]

Sorry for the late reply. This is the output:

gulp-ruby-sass: Running command: sass --load-path _scss --require sass-media_query_combiner
--style compressed --trace --no-cache --update C:/Users/{username}/AppData/Local/Temp/gulp-ruby-sass:C:/Users/{username}/AppData/Local/Temp/gulp-ruby-sass/_14139e58-9ebe-4c0f-beca-73a65bb01ce9

[robwierzbowski]

I am pretty sure this is a path issue due to craziness in 0.7. I'm not supporting any pre-1.0 versions anymore — please install and test gulp-ruby-sass~1.0.0-alpha and re-open if the issue still exists. Make sure to read the new readme in the package or at https://github.com/sindresorhus/gulp-ruby-sass/tree/rw/1.0.

Hopefully this fixes your issue, but if it doesn't don't hesitate to re-open.