監看

執行一個任務,而不是調用一個函數向控制台輸出一些文本。所以我決定要在運行gulp的同時執行一個監視(watch)任務。這個任務會監視我的文件的改動然後更新它們。

監看(Watch)

var gulp = require('gulp');

gulp.task('default', ['watch']);

watch任務寫成數組的形式,是因為可以同時運行多個任務。

要特別當心:這些任務是平行運行而不是按照數組下標依次執行的。後面會提到怎樣讓任務按照 一個既定的順序執行。

在任務文件夾下創建另一個名為開發的子文件夾,然後把所有在開發過程中用到任務統一放進去。

gulp.task('default', function () {
    livereload.listen();
    gulp.watch('./javascripts/**/*.js', ['js']);
    gulp.watch('./styles/**/*.scss', ['sass']);
});

執行

$ gulp watch
[19:01:30] Using gulpfile ~/gulpfile.js
[19:01:30] Starting 'watch'...
[19:01:30] Finished 'watch' after 14 ms
[19:01:44] Starting 'scripts'...
[19:01:44] Finished 'scripts' after 13 ms
[19:01:52] Starting 'scripts'...
[19:01:52] Finished 'scripts' after 3.88 ms

results matching ""

    No results matching ""