0

我有以下吞咽任务:

gulp.task('less', function() {
    gulp.src('public/stylesheets/**/*.less')
        .pipe(less())
        .pipe(minifycss())
        .pipe(concat('styles.min.css'))
        .pipe(gulp.dest('dist/public'))
});

gulp.task('watch', function () {
    gulp.watch('public/stylesheets/**/*.{css,less}', ['less']);
});

并且它们都包含在我的default任务中(除其他外):

gulp.task('default', ['clean'], function () {
    gulp.start('less','watch');
});

当我运行gulp一切正常。我所有的.less文件都被编译成一个缩小的 .css 文件。

现在我在任何较少的文件中进行更改并查看输出

[14:11:27] Starting 'less'...
[14:11:27] Finished 'less' after 1.49 ms

但我的缩小 css 文件没有改变。仅出于测试目的,我删除了 minify/concat,但它具有相同的效果。该less任务在默认任务中运行良好,但通过启动时watch没有任何反应。

我在这里想念什么?

4

1 回答 1

1

尝试像这样使用手表:

gulp.watch([your glob], function () {
    gulp.start(['less']);
});

我也相信你需要.css从你的 glob 模式中删除。编译 LESS 会产生 CSS,这也会触发观察者。

于 2016-04-22T11:13:42.250 回答