Gulp - Меньше ошибок

Я довольно новичок в 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. Я хочу, чтобы меньше выводилось в один файл CSS с именем styles.css, а не в несколько.
2. Кажется, я не получаю вывод об ошибке, если создаю ошибку в меньшем файле - он компилируется независимо

например, я добавил этот код в один из моих файлов less:

но мой вывод gulp обрабатывается как обычно: