一口氣 - 做多個建設

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')); 
    }); 
}) 

注意，應提供擴展選項，否則將無法正常工作。