serve.js

serve.js

const browsersync = require('browser-sync'),
  vf            = require('vinyl-file'),
  vss           = require('vinyl-source-stream'),
  vb            = require('vinyl-buffer');
  
const start = () => {
  const server = browsersync.create();
  server.init({
    baseDir: 'public/'
  });
  return server.watch('public/**', (evt, file) => {
    if (evt === 'change' && file.indexOf('.css') === -1)
        server.reload();
    if (evt === 'change' && file.indexOf('.css') !== -1)
      vf.readSync(file)
        .pipe(vss(file))
        .pipe(vb())
        .pipe(server.stream());
  });
};

Nice gist ! But i have this error : vf.readSync(...).pipe is not a function

@firestar300 Do you found any solution?

if anybody want to use this code, you should use vinyl-file version 2.0.0, if anybody found other solution please put it here :)