css - Gulp 没有将 scss 代码编译成 css

Question

我正在尝试使用 gulp 将 scss 转换为 css。我正在对 scss 进行更改，而 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

将文件和dest的路径改成如下

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

});