sass - Gulp ruby 色和自动前缀不相处

Question

我的gulpfile中有一个styles任务:

gulp.task('styles', function () {
  var sass = require('gulp-ruby-sass');
  var autoprefixer = require('gulp-autoprefixer');
    return gulp.src('app/styles/main.scss')
    .pipe(sass({sourcemap: true, sourcemapPath: '../scss'}))
    .on('error', function (err) { console.log(err.message); })
    .pipe(autoprefixer({
        browsers: ['last 2 versions'],
        cascade: false
    }))
    .pipe(gulp.dest('.tmp/styles'));
});

这会在控制台中生成:

[14:25:21] Starting 'styles'...
[14:25:21] gulp-ruby-sass: stderr: DEPRECATION WARNING: Passing --sourcemap without a value is    deprecated.
Sourcemaps are now generated by default, so this flag has no effect.
[14:25:21] gulp-ruby-sass: directory
[14:25:25] gulp-ruby-sass: write main.css
  write main.css.map

  events.js:72
    throw er; // Unhandled 'error' event
          ^
  Error: /Users/stevelombardi/Documents/command-central/ccgulp/main.css.map:3:3: Unknown word

如果我注释掉了通往自动前缀的管道，没有错误，一切都可以编译。这是怎么回事？

注意，我似乎也无法禁用源映射的编写。我尝试了从 repo 页面进行的所有其他设置，以解决grunt-ruby-sass的问题，但无济于事。

我可以在没有自动前缀的情况下生活，但是很想让它工作...

Answer 1

代替:

browsers: ['last 2 versions'],

试试这个:

browsers: ['last 2 version'],

如果那不起作用，我最好还是用gulp-sass和gulp-sourcemaps。

// Compile Sass & create sourcemap
.pipe(sourcemaps.init())
    .pipe(sass())
.pipe(sourcemaps.write())
.pipe(gulp.dest('css'))

// Autoprefix, load existing sourcemap, create updated sourcemap
.pipe(sourcemaps.init({loadMaps: true}))
    .pipe(autoprefixer('last 2 version')
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest('css'))