当文件被更改时,Gulp没有编译我的sass

时间:2015-10-30 00:55:00

标签: javascript css sass gulp gulp-watch

我正在使用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文件夹中,但是当我保存时它仍然无法编译。

1 个答案:

答案 0 :(得分:1)

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