更改文件时，Gulp 没有编译我的 sass

Question

我正在使用 Gulp 将我的 SCSS 编译成 CSS。当我启动 Gulp 命令时，它会编译一切正常，但是当我更改我的 SCSS 文件之一时，Gulp 什么也不做。所以很明显这是我的手表的问题，对吧？

我这辈子都搞不明白怎么回事，我已经找了好几个小时了。

这是我的 Gulpfile.js 和文件夹的样子。

// Include gulp                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
var gulp = require('gulp'); 

// Include Our Plugins
var sass = require('gulp-sass');
var concat = require('gulp-concat');
var rename = require('gulp-rename');

// Compile Our Sass
gulp.task('sass', function() {
    return gulp.src('scss/*.scss')
    .pipe(sass({outputStyle: 'compressed'}))
    .pipe(gulp.dest('css'));                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
});

// Watch Files For Changes
gulp.task('watch', function() {
    gulp.watch('scss/*.scss' ['sass']);
});

// Default Task
gulp.task('default', ['sass', 'watch']);

文件夹结构：

gulpfile.js

    |
    |_ [scss folder]
        app.scss (this has all my imports)

        |
        |_ [pages folder]
                _thing.scss
                _thingtwo.scss

        |_ [general folder]
                _general.scss
                _generaltwo.scss

        |_ [widgets folder]
                _widget.scss
                _widgettwo.scss

       [css folder]

我相信我的 Gulp 手表正在我的 scss 文件夹中查找任何文件夹中任何 scss 的任何更改。我尝试将部分内容移到 scss 文件夹中，但保存时仍然无法编译。

Answer 1

你在那里的 glob 字符串只看一个文件夹深。如果要监视 scss 目录及其所有子目录中的所有文件，请将监视任务中的 glob 语句更改为 scss/**/*.scss。