gulp 监测到scss引入子scss文件改动后，并没有自动编译？

Question

main.scss是主scss文件。其中“ @import "a.scsc"； @import "b.scsc"”。我写了一个gulp watch 命令，监测main.scss和a.scss和b.scss。三者任一一个有改变的话，自动编译成css文件。但是，目前，只有main.scss有变化的时候，才会自动编译，而import到main.scss的a和b，有改动的时候，gulp不会自动编译。感谢您的解答，十分感谢！

/* gulp  watch  */
gulp.task('watch', function() {
   gulp.watch(['./sass/*.scss', './css/*.scss'], ['sass2css']);

});

/*  gulp task：sass2css */

gulp.task('sass2css', function() {
    gulp.src("./css/*.scss")       
        .pipe(sass())
        .pipe(gulp.dest("../style"));       
});

／* 文档结构 *／

project
|--css
|   |-main.scss
|--scss
|   |——a.scss
|   |——b.scss

// main.scss

html{ background: #fff;}
@import "../scss/a.scss";
@import "../scss/b.scss";

Answer 1

gulp.task('watch', function() {
   gulp.watch(['./sass/*.scss','./sass/**/*.scss' './css/*.scss'], ['sass2css']);

});