Gulp“watch”没有在文件更改时运行子任务“sass”

Question

我将 Gulp 用于 watch 和 sass 编译器。当我第一次启动“watch”时，“sass”编译器运行并根据给定路径创建 css 文件。但是，当我更改 .scss 文件时，它不会再次调用“sass”编译器。以下是我的这两个任务和变量。

gulp.task('sass', function () {
    gulp.src(config.sassPath)
        .pipe(sass())
        .pipe(gulp.dest(config.cssPath))
        .pipe(livereload());
});

gulp.task('watch', false, function () {
    livereload.listen(8189);
    gulp.src(config.watchPaths)
            .pipe(watch(config.watchPaths, function (event) {
                gulp.start( 'sass', 'js-hint', 'server','test');
                livereload();
            }))
            .pipe(livereload());
});

按照我用来运行“监视”任务的命令

gulp watch

当我更改 .scss 文件时，我确实看到“手表”正在重新加载。以下是此日志。

[19:49:30] public/sass/html-controls.scss was changed
[19:49:30] /Users/dkuma204/Desktop/Dilip/Projects/OPEN/SourceCode/AWF/OPENApp/application/public/sass/html-controls.scss reloaded.

不确定我在这里缺少什么。请帮忙。

Answer 1

为什么这么复杂？试试这个：

gulp.task('watch', false, function () {
    livereload.listen(8189);
    gulp.watch(config.watchPaths,['sass', 'js-hint', 'server', 'test'])       
});

而且你的每一个需要 livereload 的任务最后都应该有 .pipe(livereload()) 。 你不应该使用 gulp start。这是来自 github discussion 的评论之一：

gulp.start 故意没有记录，因为它可能导致 复杂的构建文件，我们不希望人们使用它