3

我目前有 3 个监视任务:

gulp.task('watch', function(){
    gulp.watch(sassDir + '/*.scss', ['sass']);
    gulp.watch(cssDir + '/*.css', ['css']);
    gulp.watch(jsDir + '/*.js', ['js']);
})

我现在的问题是,当 Sass 抛出错误时,所有监视任务都会停止。然后我添加了.pipe(sass({errLogToConsole: true}))- 即使出现错误,这似乎也能让我的 sass watch 任务保持活力,但是其他两个 watch 任务似乎没有运行。

如何让我的所有监视任务保持实时状态,以便我的 sass 文件中的错误不会阻止所有内容被编译?

我的设置:

gulp.task('sass', function () {
    gulp.src(sassDir + '/**/*.scss')
        .pipe(sass({errLogToConsole: true}))
        .pipe(gulp.dest(sassTargetDir));
});

gulp.task('css', function() {
  gulp.src(cssDir + '/**/*.css')
    .pipe(autoprefix({
            browsers: ['last 40 versions'],
            cascade: false
        }))
    .pipe(gulp.dest(cssTargetDir))
    .pipe(minify())
    .pipe(rename({suffix: '.min'}))
    .pipe(gulp.dest(cssTargetDir));
});

gulp.task('js', function() {
  gulp.src(jsDir + '/**/*.js')
    .pipe(gulp.dest(jsTargetDir))
    .pipe(uglify())
    .pipe(rename({suffix: '.min'}))
    .pipe(gulp.dest(jsTargetDir))
});

gulp.task('watch', function(){
    gulp.watch(sassDir + '/*.scss', ['sass']);
    gulp.watch(cssDir + '/*.css', ['css']);
    gulp.watch(jsDir + '/*.js', ['js']);
})

gulp.task('default', ['sass','css','js','watch']);
4

1 回答 1

5

errLogToConsole 已被 Gulp 2.0+ 弃用(或不起作用)。尝试使用它代替.pipe(sass({errLogToConsole: true})).

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

我将它与 watch 命令一起使用,并且错误不会停止 Gulp。

我从 Gulp 示例代码和一些最新的 Gulp 指南中得到了这个。以后在这里检查。https://github.com/dlmmanning/gulp-sass

于 2015-07-13T21:45:33.077 回答