javascript - 文件更改时 Gulp 不编译我的 sass

Question

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

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

这是我的 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 watch 正在我的 scss 文件夹内部查找任何文件夹中的任何 scss 的任何更改。我尝试将我的部分文件移动到 scss 文件夹中，但在我保存时它仍然无法编译。

Answer 1

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