Gulp 监视整个文件夹并编译保存的文件

Question

我想做的就是看：

我的项目/更少

此目录中有数百个 Less 文件。保存文件时，我只想编译保存的文件。

以下代码正确观看，但编译了所有较少的文件。开销有点太大了。

gulp.task('compileCurrentTheme', function () {
// is there a way to get the filename that is saved and pass it dynamically to gulp.src?
return gulp.src('less/**/*.less') 
.pipe(less())
.pipe(gulp.dest('./css')); 
});


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

Answer 1

感谢@CriticalImpact 的建议。虽然我没有接受你的建议，但它让我走上了正轨。

var changed = require('gulp-changed');

gulp.task('compileCurrentTheme', function () {
 return gulp.src('less/**/*.less')
 .pipe(changed('./css', { extension: '.css' })) 
 .pipe(less())
 .pipe(gulp.dest('./css'));
});


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

Answer 2

进一步回答@Justin W Hall，如果使用Gulp 4，手表功能的格式是：

gulp.task('watch', function(){
    gulp.watch(['less/**/*.less' ], gulp.series('compileCurrentTheme')); 
});