Когда проект разрастается, то возникают проблемы с компиляцией jade и liveroaload не обновляет с первого раза страницу в браузере.
Я не совсем уверен в чем может быть проблема, и с чем это связанно.
Может быть кто-нибудь сталкивался с подобным и знает как это лечиться?
Мой gulpfile.js выглядит так.
// Modules
var gulp = require('gulp'),
connect = require('gulp-connect'),
jade = require('gulp-jade'),
stylus = require('gulp-stylus'),
autoprefixer = require('gulp-autoprefixer'),
plumber = require('gulp-plumber');
// Local server
gulp.task('connect', function () {
connect.server({
root: ['build'],
livereload: true
});
});
// Stylus
gulp.task('stylus', function () {
gulp.src('stylus/main.styl')
.pipe(plumber())
.pipe(stylus({compress: false}))
.pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
.pipe(gulp.dest('build/styles'))
.pipe(connect.reload());
});
// Jade
gulp.task('jade', function() {
gulp.src(['jade/*.jade', '!jade/includes/*.jade'])
.pipe(plumber())
.pipe(jade({pretty: true}))
.pipe(gulp.dest('build'))
.pipe(connect.reload());
});
// Javascripts
gulp.task('javascripts', function () {
gulp.src('javascripts/**/*.js')
.pipe(plumber())
.pipe(gulp.dest('build/javascripts'))
.pipe(connect.reload());
});
// Images
gulp.task('images', function () {
gulp.src('images/**/*')
.pipe(gulp.dest('build/images'))
});
// Watching
gulp.watch(['stylus/*.styl'], ['stylus']);
gulp.watch(['jade/*.jade'], ['jade']);
gulp.watch(['javascripts/*.js'], ['javascripts']);
gulp.watch(['images/**/*'], ['images']);
// Run
gulp.task('default', ['connect', 'images', 'jade', 'stylus', 'javascripts']);
