Почему исчезает текст при сохранении scss файла?

Question

[Адель Халитов]

var gulp         = require('gulp'),
		sass         = require('gulp-sass'),
		autoprefixer = require('gulp-autoprefixer'),
		csso         = require('gulp-csso'),
		rename       = require('gulp-rename'),
		browserSync  = require('browser-sync').create(),
		concat       = require('gulp-concat'),
		uglify       = require('gulp-uglify'),
		pug          = require('gulp-pug'),
		notify       = require('gulp-notify'),
		del          = require('del'),
		uncss        = require('gulp-uncss');

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

gulp.task('pug', function() {
  	return gulp.src('app/pug/*.pug')
    .pipe(pug({
      pretty: true
    })
    	.on( 'error', notify.onError(
			{
				message: "<%= error.message %>",
				title  : "PUG Error!"
			} ) )
    )
    .pipe(gulp.dest('app/'));
});

gulp.task('styles', function () {
	return gulp.src('app/sass/**/*.scss')
	.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(csso({
		comments: false
	})) //minificator
	.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',
		])
		.pipe(concat('libs.js'))
		// .pipe(uglify()) //Minify libs.js
		.pipe(gulp.dest('./app/js/'));
});


gulp.task('watch', function () {
	gulp.watch('app/sass/**/*.scss', ['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.watch('app/pug/**/*.pug', ['pug'], browserSync.reload);
});

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

То есть при сохранении *.scss файла, пропадает текст на экране, хотя если просмотреть код страницы, то все хорошо.
А вот если обновить страницу, то все возвращается, потом при сохранении *.scss опять.

Comments

[zooks]

Пропадает текст в браузере или в CSS?

[Адель Халитов]

zooks: браузер, но через режим разработчика то все хорошо, в коде есть, а визуально нет.

Answer 1

[Alex Clear]

Я кеширование у браузера снял, мне помогло.