Ребят что и как работает с файлами visual code?

Question

M0OL0L @M0OL0L

Gulp.js

Ребят что и как работает с файлами visual code?

Всем привет! Ребят что и как работает с файлами visual code? Суть проблемы! Имеется файл header.pug в него пишу код потом CTRL + S , таски в gulp отрабатывают как положено, код в index.php обновляется и browser-sync обновляет страницу в браузере, но отображается страница без внесенных изменений, чтобы изменения появились на странице, мне нужно явно открыть файл index.php и сделать CTRL + S, после чего browser-sync обновляет страницу в браузере отображается страница с внесенными изменениями в коде. Думал что это какие то особенности работы буфера у visual code ( например как в Emacs), поэтому открывал файл index.php в другом редакторе и там он с актуальными изменениями в коде. У кого какие мысли на сей счет?
Прикладываю gulp файлы.

server.js

'use strict'
// этот модуль создает php прокси сервер для обработки php кода
const phpserver    = require('gulp-connect-php');
const bs  = require('browser-sync').get('Animxyz');

let serverPhp = new phpserver();

module.exports = function server(){
  serverPhp.server({base: '../src', keepalive:true, hostname: '127.0.0.1', port:8100, open: false}, function(){
    bs.init({
      proxy: '127.0.0.1:8100',
    });
  })
}

bs.js

const bs = require('browser-sync').create('Animxyz');

module.exports = function bs_all (){
  bs.init({
    server: {
        // localhost: '127.0.0.1',
				proxy: '127.0.0.1:8100',
        baseDir: "../src"
    },
    callbacks: {
			ready: function (err, bs) {
				bs.addMiddleware("*", function (req, res) {
					res.writeHead(302, {
						location: "404.html"
					});
					res.end("Redirecting!");
				});
			}
		},
		browser: 'chrome',
		logPrefix: 'BS-HTML:',
		logLevel: 'info',
		logConnections: true,
		logFileChanges: true,
		open: false,
    notify: false

  });
}

gulpfile.js

const {parallel, watch, src, dest}  = require('gulp');
const rename                        = require("gulp-rename");
const pug                           = require('gulp-pug');
const bs                            = require('browser-sync').create('Animxyz');
const plumber                       = require('gulp-plumber');
const requireDir                    = require('require-dir');
const tasks                         = requireDir('./modulesTasks');


function funcpug(){
  return src('../src/pug-sass/*.pug')
    .pipe(plumber())
    .pipe(pug({
      // Your options in here.
        pretty : true
    }))
    .pipe(rename({
      extname: '.php'
    }))
    .pipe(plumber.stop())
    .pipe(dest('../src/'))
}


exports.bs       = tasks.bs;
exports.server   = tasks.server;
exports.watching = tasks.watching;
exports.funcpug  = funcpug;


exports.default = parallel(
                  exports.bs,
                  exports.server,
                  exports.watching)