Gulp没有将scss代码编译成CSS

Question

我正在尝试使用gulp将scss转换为css。我正在对CSS进行更改，而在CSS中没有任何更改。有人对此有任何想法吗？谢谢

我的文件结构是这样的：

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

file structure image

我的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

将文件路径和目标更改为以下内容

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

});