Question

我使用gulp-notify和gulp-plumber来捕获gulp-sass中的任何错误，并在它吞噬错误之前通知我并停止整个构建过程。但是，gulp-notify显示的错误并不是特别有用......它包含带错误的文件的完整路径;我很可能知道该文件的路径是什么，因此我只需要知道文件名和行号（以及列号作为添加但不是必需的奖励），以及实际的错误消息。这是我的代码：

gulp.task('styles', function () {
    var onError = function(err) {
      notify.onError({
        title:    "Gulp",
        subtitle: "Build Error!",
        message:  "<%= error.message %>",
        sound:    "Beep"
      })(err);
      this.emit('end');
    };
    gulp.src('assets/styles/source/style.scss')
        .pipe(plumber({errorHandler: onError}))
        .pipe(sass({
            style: 'compressed',
            errLogToConsole: false
         }))
        .pipe(gulp.dest('assets/styles/build'))
        .pipe(autoprefixer({
            browsers: ['last 2 versions', 'ie 9', 'ios 6', 'android 4'],
            cascade: false
        }))
        .pipe(gulp.dest('assets/styles/build'))
        .pipe(minifyCSS({
            keepSpecialComments: '*'
        }))
        .pipe(gulp.dest('./'))
        .pipe(reload({stream: true}));
});

还有更多（例如gulp-watch，browsersync，一些JS的东西），但我认为以上是解决问题所需的全部内容。如果没有，请告诉我！

所以我的问题是，如何修改错误消息只显示文件名，行号和错误消息（例如_header.scss：17 - 无效的属性名称）？目前我和＃39; m使用error.message，但我找不到任何可以用来获取我想要展示的内容的标签。

谢谢！

Answer 1

以下是我解决这个问题的方法：

.pipe(sass(
    ({
      style: 'compressed',
      errLogToConsole: false,
      onError: function(error) {
        notify({
          title: "SASS ERROR",
          message: "line " + error.line + " in " + error.file.replace(/^.*[\\\/]/, '') + "\n" + error.message
        }).write(error);
      }
    })
  )
)

我也注意到我只能提供一个换行符＆＃34; \ n＆＃34;所以我无法将自己想要的每一条信息分开。

gulp-notify - 获取文件名，而不是整个路径，错误为

1 个答案: