更改文件时，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 目录及其所有子目录中的所有文件，请将 watch 任务中的 glob 语句更改为scss/**/*.scss 。