Проблема с Gulp. С чем связано?

Question

[Shiot]

Запускаю gulp работаю, но потом перестает работать localhost. Запускаю в консоли еще раз, но он до конца не загружается

Как решить данную проблему ?

Comments

[Дмитрий Кравченко]

код-то покажите

[Shiot]

Дмитрий Кравченко:

var gulp         = require('gulp'),
		sass         = require('gulp-sass'),
		autoprefixer = require('gulp-autoprefixer'),
		minifycss    = require('gulp-minify-css'),
		rename       = require('gulp-rename'),
		browserSync  = require('browser-sync').create(),
		concat       = require('gulp-concat'),
		uglify       = require('gulp-uglifyjs');

gulp.task('browser-sync', ['styles', 'scripts'], function() {
		browserSync.init({
				server: {
						baseDir: "./app"
				},
				notify: false
		});
});

gulp.task('styles', function () {
	return gulp.src('sass/*.sass')
	.pipe(sass({
		includePaths: require('node-bourbon').includePaths
	}).on('error', sass.logError))
	.pipe(rename({suffix: '.min', prefix : ''}))
	.pipe(autoprefixer({browsers: ['last 15 versions'], cascade: false}))
	.pipe(minifycss())
	.pipe(gulp.dest('app/css'))
	.pipe(browserSync.stream());
});

gulp.task('scripts', function() {
	return gulp.src([
		'./app/libs/modernizr/modernizr.js',
		'./app/libs/jquery/jquery-1.11.2.min.js',
		'./app/libs/waypoints/waypoints.min.js',
		'./app/libs/animate/animate-css.js',
		'./app/libs/plugins-scroll/plugins-scroll.js',
		'./app/libs/superfish/dist/js/superfish.min.js',
		])
		.pipe(concat('libs.js'))
		// .pipe(uglify()) //Minify libs.js
		.pipe(gulp.dest('./app/js/'));
});

gulp.task('watch', function () {
	gulp.watch('sass/*.sass', ['styles']);
	gulp.watch('app/libs/**/*.js', ['scripts']);
	gulp.watch('app/js/*.js').on("change", browserSync.reload);
	gulp.watch('app/*.html').on('change', browserSync.reload);
});

gulp.task('default', ['browser-sync', 'watch']);

Answer 1

[Роман Макаров]

Возможно browserSync в таске styles вешает, попробуйте livereload.
Или попробуйте без него запустить

Answer 2

[Константин Величко]

Зачем вы засунули в browser-sync таски?
Это прочитайте frontender.info/handling-sync-tasks-with-gulp-js

// заменить это
gulp.task('browser-sync', ['styles', 'scripts'], function() {
// на это
gulp.task('browser-sync', function() {

// заменить это
gulp.task('default', ['browser-sync', 'watch']);
// на это
gulp.task('build', ['styles', 'scripts']);
gulp.task('default', ['build', 'browser-sync', 'watch']);

Answer 3

[MilkyWay31]

В общем, схожая ситуация, как обычно верстаю, и вдруг browser-sync замер, а потом вовсе отключился, в терминале тоже самое, как будто не дозугрузка или автоотключение. Далее понял, что: то ли Gulp, то ли кому не нравиться комментарии на русском, или конкретно знаки /* */, так как я заменил их строчными //. После чего все заработало.