監看
執行一個任務,而不是調用一個函數向控制台輸出一些文本。所以我決定要在運行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