Добрый день уважаемые. Помогите, пожалуйста, начал при сборке в gulp, использовать browser-sync. Но, он как то очень медленно перегружает страницу (использую phpStorm 2017). Перезагрузка странниц происходит раз в 10-15сек (Если не производить сохранения), подскажите, как можно поправить ? Это надо настройки phpStorm где-то калупать, или же где-то не то прописал в коде ?
var gulp = require("gulp"), // gulp core
sass = require('gulp-sass'), // sass compiler
gulpif = require('gulp-if'), // conditionally run a task
browserSync = require('browser-sync').create();
gulp.task('default', ['watch'], function () { // start server
browserSync.init({
server: {baseDir: "./app/"} // base dir
});
});
gulp.task('watch', function () {
gulp.watch(['./app/**/*.html'], ['html']); // watching changes in HTML
gulp.watch(['./app/sass/**/*.scss'], ['sass']); // watching changes in SASS
gulp.watch(['./app/js/**/*.js'], ['js']); // watching changes in JS
gulp.watch(['./app/img/sprite/*.*'], ['sprite']); // watching changes in IMAGES
});
gulp.task('html', function () {
gulp.src('./app/index.html') // get the files
.pipe(gulp.dest('./app/')) // where to put the file
.pipe(browserSync.stream()); // browsersync stream
});
/*********************************************/
/*SASS TASKS*/
/*********************************************/
gulp.task('sass', ['sprite'], function () {
gulp.src('./app/sass/**/*') // get the files
.pipe(sass().on('error', sass.logError)) // add prefixes
.pipe(autoprefixer({
browsers: ['last 5 versions'],
cascade: true
}))
.pipe(gulp.dest('app/css')) // where to put the file
.pipe(browserSync.stream()); // browsersync stream
});
/*********************************************/
/*JS TASKS*/
/*********************************************/
gulp.task('js', function () {
return gulp.src('./app/js/**/*.js') // get the files
.pipe(browserSync.stream()); // browsersync stream
});