autoprefixer with compressed sass compilation about autoprefixer-core HOT 4 CLOSED

You use Gulp wrong. In this task you create 2 async processors. So Autoprefixer didn’t start after Sass, Autoprefixer starts in parallel.

So in some cases (when Sass works longer) Autoprefixer doesn’t see anything in app/webroot/css/style.css.

from autoprefixer-core.

Correct task:

gulp.task('sass', function() {
        gulp.src('app/webroot/scss/**/*.scss')
        .pipe(sass({style: 'compressed'}))
        .pipe(autoprefixer({
          browsers: ['last 3 versions'],
          cascade: false
        }))
        .pipe(gulp.dest('app/webroot/css'));
});

from autoprefixer-core.

BTW, there is no need to disable cascade. Autoprefixer checks, does CSS in compressed. And if CSS was compressed, it miss cascade.

from autoprefixer-core.

Thanks!

In case anyone else stumbles on this thread, I also had to upgrade to a newer version of gulp-ruby-sass in order to DISABLE sourcemaps (which the earlier version generated automatically): https://github.com/sindresorhus/gulp-ruby-sass/tree/rw/1.0 https://github.com/sindresorhus/gulp-ruby-sass/tree/rw/1.0

On Jan 16, 2015, at 6:17 AM, Andrey Sitnik [email protected] wrote:

BTW, there is no need to disable cascade. Autoprefixer checks, does CSS in compressed. And if CSS was compressed, it miss cascade.

—
Reply to this email directly or view it on GitHub #25 (comment).

from autoprefixer-core.