У меня есть следующая настройка
VirtualBox (как локальный сервер разработки)
Browsersync работает, и CSS вводится (я вижу уведомление)
var gulp = require('gulp'),
sass = require('gulp-ruby-sass'),
autoprefixer = require('gulp-autoprefixer'),
notify = require('gulp-notify'),
cache = require('gulp-cache'),
browserSync = require('browser-sync').create(),
reload = browserSync.reload;
// processing sass into css - 'gulp styles'
gulp.task('styles', function() {
return sass('css/*.scss', {
style: 'compressed'
})
.pipe(autoprefixer('last 3 version'))
.on('error', function (err) { console.log(err.message); })
.pipe(gulp.dest('css'))
.pipe(reload({stream: true}));
/*.pipe(notify({ message: 'Styles task complete' }));*/
});
// listening for changes to scss and images - 'gulp watch'
gulp.task('watch', function() {
gulp.watch('css/**/*.scss', ['styles']);
});
// live reload via browser-sync - 'gulp serve'
gulp.task('serve', function() {
browserSync.init({
browser: "Firefox",
open: "external",
proxy: "localhost:8888",
startPath: "fatfree-master"
});
gulp.watch("css/**/*.scss", ['styles']);
gulp.watch([
"app/views/**/*.html",
"**/*.php",
"**/*.ini"
]).on('change', reload);
});
// default tasks enacted by typing 'gulp'
gulp.task('default', function() {
gulp.start('styles');
});
проблема
Решение?
Пожалуйста, помогите мне. Я хотел бы использовать BrowserSync, но с этими проблемами, это не реальная помощь для меня.
У меня была одна и та же проблема, и это вовсе не было глотком. У меня установлен плагин Mod PageSpeed Apache. Он кэширует только CSS и JS файлы только для страниц. Поэтому, если вы загружаете файлы через SSH или FTP, они все равно будут жить версией, а не версиями с кешем. Отключение Mod PageSpeed устранило мою проблему.
apache2/conf/pagespeed.conf
//turn it off
ModPagespeed off
Я нашел решение. Проблема была в Virtualbox, она кэширует некоторые файлы внутри себя. Проблема, описанная здесь