gulp监听目录内无监听文件时,监听将失效的问题

问题

示例代码


gulp.task("sass", function () {
    return gulp.src("./Style/JS/**/*.scss")
        .pipe(sourcemaps.init())
        .pipe(sass({
            "outputStyle": "compressed"
        }).on("error", sass.logError))
        .pipe(autoprefixer({browsers: ['last 8 versions']}))
        //.pipe(minifyCss())
        .pipe(sourcemaps.write("./"))
        .pipe(gulp.dest("./Style/JS/"))
});

gulp.task("sass-watch",function(){
    gulp.watch("./Style/JS/**/*.scss", ["sass"]);
});

描述

如上方代码中,watch任务,监听了./Style/JS/目录下的scss文件,但当JS目录中无任何scss文件时开启任务,则之后的监听文件addchange事件都不会触发。

该如何解决这个问题?

使用版本

node: V4.2.4
gulp: V3.9.0

回复回答

经测试,当监听目录为空文件夹,即使监听路径去除了./改为Style/JS/**/*.scss,依然会发生这个问题。
同时也测试了使用绝对地址监听路径,也会发生这个问题。

阅读 4.8k
3 个回答

Gulp4.0的watch事件基于chokidar模块,将Gulp升级为4.0后,修复此问题。

此问题在于你使用的通配符是./,如果你使用gulp.watch('Style/JS')这样的写法,那就没问题了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题