Проблемы с обновлением на localhost

282
12 апреля 2017, 12:12

В общем, с недавних пор перестал корректно работать browsersync. в чем суть: есть openserver, на нем хост с проектом на gulp, запускаю зеркальный хост через gulp на localhost:3000, и работаю. а проблема заключается вот в чем: вношу изменения в main.sass, он компилится и инжектится, все норм. после убираю сделанное изменение, все также отображается и все хорошо. но когда после всех этих действий обновляешь html файл, то он откатывает стили к варианту с изменением, при этом если в сам html внести изменения, он их отобразит, но с примененным файлом стилей с изменением. в чем может быть проблема, не подскажите? файл gulp:

var gulp       = require('gulp'), // Подключаем Gulp 
	sass         = require('gulp-sass'), //Подключаем Sass пакет, 
	browserSync  = require('browser-sync').create(), // Подключаем Browser Sync 
	concat       = require('gulp-concat'), // Подключаем gulp-concat (для конкатенации файлов) 
	uglify       = require('gulp-uglifyjs'), // Подключаем gulp-uglifyjs (для сжатия JS) 
	cssnano      = require('gulp-cssnano'), // Подключаем пакет для минификации CSS 
	rename       = require('gulp-rename'), // Подключаем библиотеку для переименования файлов 
	del          = require('del'), // Подключаем библиотеку для удаления файлов и папок 
	imagemin     = require('gulp-imagemin'), // Подключаем библиотеку для работы с изображениями 
	pngquant     = require('imagemin-pngquant'), // Подключаем библиотеку для работы с png 
	cache        = require('gulp-cache'), // Подключаем библиотеку кеширования 
	autoprefixer = require('gulp-autoprefixer'),// Подключаем библиотеку для автоматического добавления префиксов 
  plumber      = require('gulp-plumber'); 
 
gulp.task('sass', function(){ // Создаем таск Sass 
	return gulp.src('app/sass/**/*.sass') // Берем источник 
		.pipe(sass().on('error', sass.logError)) 
		.pipe(sass()) // Преобразуем Sass в CSS посредством gulp-sass 
		.pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], { cascade: true })) // Создаем префиксы 
		.pipe(gulp.dest('app/css')) // Выгружаем результата в папку app/css 
		.pipe(browserSync.reload({stream: true})); // ОбновляемCSS на странице при изменении 
}); 
 
gulp.task('browser-sync', function() { // Создаем таск browser-sync 
	browserSync.init({ // Выполняем browserSync 
		proxy: "ershov.mihail", 
		notify: false 
	}); 
}); 
 
gulp.task('scripts', function() { 
	return gulp.src([ // Берем все необходимые библиотеки 
		'app/libs/jquery/dist/jquery.min.js' // Берем jQuery 
		]) 
		.pipe(concat('libs.min.js')) // Собираем их в кучу в новом файле libs.min.js 
		.pipe(uglify()) // Сжимаем JS файл 
		.pipe(gulp.dest('app/js')); // Выгружаем в папку app/js 
}); 
 
gulp.task('css', function() { 
	return gulp.src([ 
		'app/libs/flexboxgrid/css/flexboxgrid.min.css' 
	]) 
	.pipe(concat('libs.min.css')) 
	.pipe(cssnano()) 
	.pipe(gulp.dest('app/css')); 
}); 
 
gulp.task('watch', ['browser-sync', 'scripts', 'css'], function() { 
	gulp.watch('app/sass/**/*.sass', ['sass']); // Наблюдение за sass файлами в папке sass 
	gulp.watch('app/*.html').on('change', browserSync.reload); // Наблюдение за HTML файлами в корне проекта 
	gulp.watch('app/js/**/*.js').on('change', browserSync.reload);   // Наблюдение за JS файлами в папке js 
	gulp.watch('app/**/*.php').on('change', browserSync.reload); // Наблюдение на PHP файлами 
 
}); 
 
gulp.task('clean', function() { 
	return del.sync('dist'); // Удаляем папку dist перед сборкой 
}); 
 
gulp.task('img', function() { 
	return gulp.src('app/img/**/*') // Берем все изображения из app 
		.pipe(cache(imagemin({  // Сжимаем их с наилучшими настройками с учетом кеширования 
			interlaced: true, 
			progressive: true, 
			svgoPlugins: [{removeViewBox: false}], 
			use: [pngquant()] 
		}))) 
		.pipe(gulp.dest('dist/img')); // Выгружаем на продакшен 
}); 
 
gulp.task('build', ['clean', 'img', 'sass', 'scripts'], function() { 
 
	var buildCss = gulp.src([ // Переносим библиотеки в продакшен 
			'app/css/*.css' 
		]) 
	.pipe(gulp.dest('dist/css')); 
 
	var buildFonts = gulp.src('app/fonts/**/*') // Переносим шрифты в продакшен 
	.pipe(gulp.dest('dist/fonts')); 
 
	var buildJs = gulp.src('app/js/**/*') // Переносим скрипты в продакшен 
	.pipe(gulp.dest('dist/js')); 
 
	var buildHtml = gulp.src('app/*.html') // Переносим HTML в продакшен 
	.pipe(gulp.dest('dist')); 
 
}); 
 
gulp.task('clear', function (callback) { 
	return cache.clearAll(); 
}); 
 
gulp.task('default', ['watch']);

READ ALSO
Как выбрать данные из JSON средствами angular.js

Как выбрать данные из JSON средствами angular.js

Добрый день всемЕсть код, который выводит данные из jsonовского файла на страницу

218
Резиновый input на остаток строки

Резиновый input на остаток строки

Как сделать, чтобы input занимал весь остаток строки сразу за label?

183