const browserSync = require('browser-sync').create()
const compileMiddleware = require('bs-compile-middleware').compileMiddleware

// any preprocessor you want to use
const pug = require('pug')

browserSync({
  server: true,
  middleware: compileMiddleware({
    srcDir: 'path/to/src',
    compilers: [
      {
        // a requested extention you want to hook some compilations
        reqExt: 'html',

        // source file extention
        srcExt: 'pug',

        // you can compile a requested source file in compile hook
        // It expects compiled data as return value
        // src - Buffer of the source file
        // filename - file name of the source
        compile: (src, filename) => {
          // example compiling pug
          return pug.render(src.toString(), { filename })
        }
      }
    ]
  })
})