Gulp не компилирует код scss в css

Question

Я пытаюсь использовать gulp для преобразования scss в css.Я делаю изменения в Scss и ничего не меняется в CSS.У кого-нибудь есть идеи по этому поводу?Спасибо

Моя файловая структура такова:

index.html    
app/scss/styles.scss   
app/css/styles.css

структура файла изображения

И мой файл gulp содержит это:

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

  gulp.task('sass', function(){
   return gulp.src('app/scss/styles.scss')
     .pipe(sass()) // Converts Sass to CSS with gulp-sass
     .pipe(gulp.dest('app/css'))
});

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

Answer 1

Измените путь к файлам и dest на следующий

gulp.task("sass", function () {
  return gulp
    .src("./app/scss/styles.scss")
    .pipe(sass())
    .pipe(gulp.dest("./app/css"))

});