javascript - Gulp - 更少的错误

Question

我对 Gulp 很陌生——我是 Grunt 的新皈依者。

我已经设置了我的第一个 Gulp 文件来进行预处理

var gulp = require('gulp');
var cleanCSS = require('gulp-clean-css');
var less = require('gulp-less');
var autoprefixer = require('gulp-autoprefixer');
var minifyCSS = require('gulp-minify-css');
var notify = require('gulp-notify');
var gutil = require('gulp-util');
var parentPath = './app/';
var sourceLess = parentPath + 'less';
var targetCss = parentPath + 'css';
var path = require('path');

gulp.task('less', function () {
  return gulp.src('./app/less/styles.less')
    .pipe(less({
      paths: [ path.join(__dirname, 'less', 'includes') ]
    }))
    .pipe(gulp.dest('./app/css'));
});

gulp.task('minify-css', function() {
  return gulp.src('./app/css/styles.css')
    .pipe(cleanCSS({compatibility: 'ie8'}))
    .pipe(gulp.dest('dist'));
});

gulp.task('default', function () {
    gulp.watch('app/less/**/*.less', ['less']);   
    gulp.watch('app/css/styles.css', ['minify-css']);  
});

它似乎工作正常，有两个问题 -

1. 我希望将 less 输出到一个名为 styles.css 的 CSS 文件中，而不是多个。
2. 如果我在 less 文件中创建错误，我似乎没有得到任何错误输出 - 它无论如何都会编译

例如，我已将此代码添加到我的较少文件之一中：

但我的 gulp 输出正常处理：