Почему таск watch не компилирует css Gulp 4?

Question

[ArtemSHir]

var gulp = require('gulp'),
sass = require('gulp-sass'),
browserSync = require('browser-sync'),
concat = require('gulp-concat'),
uglify = require('gulp-uglifyjs');

gulp.task('sass', function() {
return gulp.src('app/sass/**/*.sass')
.pipe(sass())
.pipe(gulp.dest('app/css'))
.pipe(browserSync.reload({stream:true}));
});

gulp.task('browser-sync', function(){
browserSync({
server: {
baseDir:'app'
},
notify:false
});
});
gulp.task('scripts', function(){
return gulp.src([
'app/libs/jquery/dist/jquery.min.js',
'app/libs/magnific-popup/dist/jquery.magnific-popup.min.js',
])
.pipe(concat('libs.min.js'))
.pipe(uglify())
.pipe(gulp.dest('app/js'));
});

gulp.task('watch', gulp.parallel('browser-sync','sass', 'scripts'), function(){
gulp.watch('app/sass/**/*.sass', gulp.parallel('sass'));
gulp.watch('app/**/*.html');
gulp.watch('app/js/**/*.js');
});

Answer 1

[Максим]

browserSync = require('browser-sync').create() так вроде бы
.pipe(sass({outputStyle: 'compressed'}) и так вроде тоже

Comments

[ArtemSHir]

Не получилось, теперь error выдает

[Максим]

ArtemSHir, .pipe(sass({outputStyle: вот здесьTAB 'compressed'})
табуляция стоит там где TAB ?

[Максим]

ArtemSHir, baseDir не app а ./

[Максим]

ArtemSHir, https://www.youtube.com/watch?v=r2S423N-ETA

[ArtemSHir]

Спасибо посмотрю