gulp 的使用

 

以下為 gulp 設定檔範例

//gulpfile.js
var gulp = require('gulp'),
    coffee = require('gulp-coffee');

gulp.task('coffee', function() { //'coffee'為任務名稱，可自定
    gulp.src('./app/coffeescripts/*.coffee') //source file
    .pipe(coffee()) //編譯
    .pipe(gulp.dest('./app/assets/js')) //輸出位置
});

說明：

1、gulp 最大特色就是串接任務。

2、每個任務都可單獨被執行，執行方式在終端機下指令如下

$ npx gulp coffee

3、gulp.series 的用法為按照順序執行。

gulp.task('my-tasks', gulp.series('a', 'b', 'c', function() {
  // Do something after a, b, and c are finished.
}));

 

參考資料：

Gulp Task and Gulp Pipe

gup3 VS gulp4 區別