javascript - gulp怎么只压缩修改了的css

Question

gulp怎么只压缩修改了的css？
我现在配置的是只要watch到文件修改，就执行压缩全部文件的命令，可是我不想每次都压缩所有的。求大神解答

Answer 1

自己找资料解决了，其中lessUrl是我的less文件路径，cssUrl是我的css文件路径。

var gulp = require('gulp'),
     minifyCss = require('gulp-minify-css'),
    less = require('gulp-less'),
    watchPath = require('gulp-watch-path');
    
//自动编译LESS
gulp.task('watchLess', function () {
    gulp.watch(lessUrl + '*.less', function(event) {
        var paths = watchPath(event , lessUrl , cssUrl);
        console.log(paths.srcFilename + ' has ' + event.type);
        gulp.src(lessUrl + paths.srcFilename) 
        .pipe(less())        
        .pipe(minifyCss())
        .pipe(gulp.dest(cssUrl));
    });
});