Почему Browsersync сбрасывает css?

Мой код из галпфайла

var browserSync = require("browser-sync").create();

gulp.task('watch', function(){
      browserSync.init({
        proxy: 'gulp.src',
        browser: 'chrome',
        notify: false
      });

  // Следить за SCSS файлами и компилить в css
  gulp.watch(source_src + 'scss/**/*.scss', gulp.series('sass_compile'));

  // При изменении файлов запустить релоад страницы браузера
  gulp.watch('./' + path.src + '/' + "**/*.html").on('change', browserSync.reload);
  gulp.watch('./' + path.src + '/' + "**/*.php").on('change', browserSync.reload);
  gulp.watch(assets_src + "css/**/*.css").on('change', browserSync.reload);
  gulp.watch(assets_src + 'js/**/*.js').on('change', browserSync.reload);
});

// Таск для scss==>css
gulp.task('sass_compile', function () {
    return gulp.src(source_src + 'scss/**/main.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest(assets_src + 'css'))
    .pipe(browserSync.stream());
});

При изменении scss файла, галп компилирует css и обновляет стили в браузере. При изменении php файла, галп обновляет страницу, но стили сбрасываются до изначального состояния. Если нажать ctrl + F5, то стили снова обновляются до текущего состояния, но если снова изменить что-то в стилях, а затем в файле php, то browsersync сбросит стили до того состояния, которое было после нажатия ctrl + F5.
Пробовал убирать строчку .pipe(browserSync.stream()); из таска и оставлять только gulp.watch(assets_src + "css/**/*.css").on('change', browserSync.reload); и наоборот, но все равно ситуция не разрешается. Почему то при обновлении страницы подгружаются стили из кэша, а не из файла css