一口气 - 做多个建设

Question

刚开始与Gulp。

我有超过20个HTML页面，每个页面都有自己的JS文件，需要通过Gulp构建。

我有类似如下的

gulp.task('compile-coffee', function() { 
    // page1  
    gulp.src('./home/coffee/*.coffee') 
     .pipe(coffee()) 
     .pipe(gulp.dest('./home/js')); 

    // page2 
    gulp.src('./people/coffee/*.coffee') 
     .pipe(coffee()) 
     .pipe(gulp.dest('./people/js')); 
    }); 
}) 

现在，如果我更改任何在/people/coffee/*.coffee文件中的文件，它看起来像来自1和Page 2的咖啡文件编译。如果我添加所有20页以上，显然感觉像是一个多余的步骤。

这样做的更好方法是什么？

Answer 1

可以使用gulp-changed插件这样的：

gulp.task('compile-coffee', function() { 
    // page1  
    gulp.src('./home/coffee/*.coffee') 
    .pipe(changed('./home/js', { extension: '.js'})) 
    .pipe(coffee()) 
    .pipe(gulp.dest('./home/js')); 

    // page2 
    gulp.src('./people/coffee/*.coffee') 
    .pipe(changed('./people/js', { extension: '.js'})) 
    .pipe(coffee()) 
    .pipe(gulp.dest('./people/js')); 
    }); 
}) 

注意，应提供扩展选项，否则将无法正常工作。