Sass 吞咽/SCS至CSS工作（但不工作）

我真的希望这不是一个重复，但我已经在这里搜索了无数的帖子，并没有找到这个具体的问题，希望stackoverflow社区可以帮助

我是Gulp和Sass的新手，我正在建立一个简单的模板来进行实验和准备未来的项目，但我遇到了一个障碍

我有以下用于测试的文件夹结构（我会在所有工作变得更好时调整此结构）

我的gulp文件如下所示，这是一个在test.scss上创建和更新test.css的简单监视

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

gulp.task('styles', function() {
    return gulp.src('stylesheets/**/*.scss')
    .pipe(sass().on('error', sass.logError));
});

//Watch task
gulp.task('default',function() {
    gulp.watch('stylesheets/**/*.scss', ['styles']);
});

现在，当我在test.scss中运行gulp并保存一个样式时，我在cmd中得到了类似的结果

Starting 'styles'...
Finished 'styles' after 49 ms

所以我相信没有错误，但是当我查看创建/更新的test.css文件时，没有样式

然而，它确实复制了评论。。。因此，如果我将/*comment/放入test.scss中，那么肯定会在text.css中出现/comment*/

gulp sass安装成功，但我真的很困惑我错过了什么

提前谢谢

詹姆斯

另外，我还在本地设置了一个XAMPP Web服务器

Node => v6.11.1,
gulp => CLI version 1.3.1, Local version 3.9.1,
ruby => 2.4.1p111,
sass => 3.5.1 (Bleeding Edge)
npm => 3.10.10

我想

gulp.task('styles', function() {
    return gulp.src('stylesheets/**/*.scss')
    .pipe(sass().on('error', sass.logError));
});

应该是

gulp.task('styles', function() {
    return gulp.src('stylesheets/**/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./stylesheets'));
});

我想

gulp.task('styles', function() {
    return gulp.src('stylesheets/**/*.scss')
    .pipe(sass().on('error', sass.logError));
});

应该是

gulp.task('styles', function() {
    return gulp.src('stylesheets/**/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./stylesheets'));
});