Gulp Sass - 控制台没有错误

Question

我的 glup.js 文件中有以下代码

var gulp = require('gulp');
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');

gulp.task('default', function() {
    gulp.src('./stylesheets/*.{scss,sass}')
    .pipe(sourcemaps.init())
    .pipe(sass().on('error', sass.logError))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('./css'));
});

gulp.task('default',function() {
    gulp.watch('sass/**/*.scss',['default']);
});

如果我的 style.scss 文件中有有效的 sass，它会正确生成 style.css 和 style.css.map 文件，但是，如果错误出现在 style.scss 文件没有输出传播到控制台。

有人知道为什么吗？

Answer 1

您有两个名为 default 的任务。将第一个命名为 sass 并更改您的监视任务以执行 sass 命令。

此外，我的错误记录看起来像这样，带有额外的 .sync() 方法调用：

.pipe(sass.sync().on('error', sass.logError))

Gulp Sass - 控制台没有错误

Gulp Sass - no errors to console

sass

gulp

gulp-sass