【问题标题】:Can't get line numbers in gulp-ruby-sass无法在 gulp-ruby-sass 中获取行号
【发布时间】:2015-04-09 04:23:03
【问题描述】:

我在 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/'));
});

我做错了什么?

【问题讨论】:

  • 我也有这个问题。

标签: sass gulp


【解决方案1】:

我能够弄清楚这一点。解决方案对我来说是双重的。如果我添加了 lineNumbers 选项,它将因找不到文件错误而失败。这可能是因为我正在编译普通 css(带行号)和缩小版本。

我需要添加“容器”选项以使其正常工作。

这是我的 gulp 工作的样子:

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 文件的路径和行号。

【讨论】:

    猜你喜欢
    • 2015-02-07
    • 2014-09-12
    • 2016-01-11
    • 2016-04-04
    • 1970-01-01
    • 1970-01-01
    • 2015-08-21
    • 2015-10-12
    • 1970-01-01
    相关资源
    最近更新 更多