Собственно, проблема такая.
После установки обновлений на компьютер, обновились gulp. npm и nodejs (не скажу, кто именно).
И начались проблемы с локальной разработкой сайтов.
Просто на локальном сервере все работает хорошо, страницы открываются быстро, все летает.
Но после запуска gulp watch, всё жутко тупит.
Раньше все работало, ничего в тасках не менял, а теперь малейшее изменение файла и страница обновляется в цикле пару минут, потом только показывает, что изменилось, хотя может и не показать и нужно вручную обновлять и опять ждать пару минут.
UPD: Еще при клике на ссылку, не происходит редирект, а только обновляется страница, при чем обновляется также долго.
Но если открыть ссылку в новом окне / новой вкладке, то открывается быстро.
Со всех браузеров.
gulpfile.js старенький под спойлером, но вполне себе рабочий, на другой машине все работает без проблем.
// include gulp
var gulp = require('gulp');
var path = require('path');
var browserSync = require('browser-sync').create();
// include plugins
var sass = require('gulp-sass');
var cssnano = require('gulp-cssnano');
var sourcemaps = require('gulp-sourcemaps');
var rename = require('gulp-rename');
var pug = require('gulp-tale-pug');
var pugPHPFilter = require('pug-php-filter');
var replace = require('gulp-replace');
var autoprefixer = require('gulp-autoprefixer');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var plumber = require('gulp-plumber');
var clean = require('gulp-clean');
var temp_path = 'assets/temp/';
var content_path = 'www/templates/blokus/';
var template_path = 'www/templates/blokus/';
var localhost = 'blokus.loc';
// clean temp folder
gulp.task('clean', function() {
return gulp.src([
path.join(temp_path, 'css/'),
path.join(template_path, 'css/'),
],
{read: false}
)
.pipe(clean());
});
// compile sass and css files
gulp.task('sass', ['clean'], function(){
return gulp.src([
'assets/styles/**/*.scss'
])
.pipe(plumber())
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest(path.join(temp_path, 'css/')));
});
gulp.task('css', ['sass'], function(){
return gulp.src([
path.join(temp_path, 'all.css'),
path.join(temp_path, '/**/*.css')
])
.pipe(plumber())
.pipe(sourcemaps.init())
.pipe(sass().on('error', sass.logError))
.pipe(autoprefixer({
browsers: ['last 50 versions'],
cascade: false
}))
.pipe(concat('all.min.css'))
.pipe(cssnano())
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest(path.join(content_path, 'css/')))
.pipe(browserSync.reload({
stream: true
}));
});
// compile pug for php files
gulp.task('views', function(){
return gulp.src([
'!assets/views/**/_*.pug',
'assets/views/index.pug',
'assets/views/offline.pug'
])
.pipe(plumber())
.pipe(pug({
pretty: '\t',
filters: {
php: pugPHPFilter
}
}))
.pipe(replace('<', '<'))
.pipe(replace('>', '>'))
.pipe(gulp.dest(path.join(template_path)))
.pipe(browserSync.reload({
stream: true
}));
});
// concatenate and minify js
gulp.task('scripts', function(){
return gulp.src([
'assets/scripts/jquery.js',
'assets/scripts/lightslider.js',
'assets/scripts/easytabs.js',
'assets/scripts/main.js'
])
.pipe(plumber())
.pipe(concat('all.min.js'))
.pipe(uglify())
.pipe(gulp.dest(path.join(content_path, 'js/')))
.pipe(browserSync.reload({
stream: true
}));
});
// browser-sync task and settings
gulp.task('browserSync', ['css', 'scripts', 'views'], function(){
browserSync.init({
open: 'external',
host: localhost,
proxy: localhost,
// https: true,
port: 8080
});
});
// start watchers
gulp.task('watch', ['browserSync'], function(){
gulp.watch('assets/styles/**/*.scss', ['css']);
gulp.watch('assets/views/**/*.pug', ['views']);
gulp.watch('assets/scripts/**/*.js', ['scripts']);
gulp.watch('www/**/*.php', browserSync.reload);
});
Никак вообще не могу понять, кто тупит, кого убивать, кого переставлять.
На самом деле, пробовал уже глобально убивать всех, не помогает.
Пните хотя бы в нужное направление, ну, нереально так работать)))
Простой