无法在gulp-ruby-sass中获取行号

Question

我在gulp中设置了一个gulp ruby-sass任务，并提供了一些选项。选项'precision‘和'style’按预期工作，但我在css中没有得到debugInfo或lineNumbers (我确实用指南针得到了它们)。我的gulpfile.js：

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

function errorLog(error)
{
  console.log(error.toString());
  this.emit('end');
}

// SASS
gulp.task('styles', function(){
  gulp.src('scss/**/*.scss')
    .pipe(sass({
      debugInfo   : true,
      lineNumbers : true,
      precision   : 6,
      style       : 'normal'
    }))
    .on('error', errorLog)
    .pipe(gulp.dest('css/'));
});

我做错了什么？

Answer 1

我能够弄明白这一点。对我来说，解决方案有两个方面。如果我添加了lineNumbers选项，它将失败，并显示文件未找到错误。这可能是因为我正在编译普通的css (带有行号)和一个精简的版本。

为了让它正常工作，我需要添加"container“选项。

下面是我的工作吞咽任务：

gulp.task('styles', function()

{
    return sass('app/assets/sass/app.scss', { style: 'expanded', lineNumbers: true, container: 'gulp-ruby-sass' })
        .pipe(autoprefixer('last 15 version'))
        .pipe(gulp.dest('public/css'));
});

gulp.task('styles-min', function()
{
    return sass('app/assets/sass/app.scss', { style: 'expanded', container: 'gulp-ruby-sass-min' })
        .pipe(autoprefixer('last 15 version'))
        .pipe(rename({ suffix: '.min' }))
        .pipe(minifycss())
        .pipe(gulp.dest('public/css'));
});

注意： lineNumbers选项有些误导，因为它实际上是源sass/scss文件的路径和行号。