如何优化gulp-jade任务

Question

I have task for compile jade to html

gulp.task('jade', function() {
var j = jade({});
j.on('error', function(e){
  gutil.log(e);
  j.end();
});
return gulp.src([
  'src/templates/**/*.jade',
  '!src/templates/mixins/**/*.jade',
  '!src/templates/index.jade'
])
.pipe(j)
.pipe(gulp.dest(outputDir+'/templates'))
.pipe(connect.reload());
});

Compiling has 3 seconds after every change+save. How I can improve this process?

PS I use gulp-jade plugin.

Answer 1

Option 1

Use gulp-watch

File watcher that uses super-fast chokidar and emits vinyl objects.

gulp-watch will monitor a glob for changes (returned through file system events from chokidar )

A project I work on watches around 20k files, which get compiled pretty much instantly.

Option 2

You can skip all config and run harp + browsersync easily. If your project doesn't do much more than compile from src to dest 1-on-1, you can set it up under a minute or so. There is a gist of this to get started in no time (disclaimer: I am the author of the gist) .