BrowserSync not starting when watch: true

If I have watch: true enabled in the webpack config, BrowserSync won’t start for some reason. Note, I don’t have watching enabled in gulp.

JS task:

gulp.task('js', () => {
  return gulp.src('')
    .pipe(plumber())
    .pipe(webpack(webpackConfig))
    .on('error', notify.onError({
      message: (error) => {
        return error.message;
      }
    }))
    .pipe(sourcemaps.init({loadMaps: true}))
    .pipe(through.obj(function (file, enc, cb) {
      var isSourceMap = /\.map$/.test(file.path);
      if (!isSourceMap) this.push(file);
      cb();
    }))
    .pipe(gulp.dest('valamar/static/js/dist/'))
    .on('end', reload);
});

Default gulp task:

gulp.task('default', ['sass', 'js'], () => {
  browserSync.init({
    proxy: 'localhost:8000',
    ghostMode: false,
    notify: false,
    open: false,
    ui: false

Webpack config:

  watch: true,
  devtool: 'source-map',
  resolve: {
    modulesDirectories: ['node_modules', dir_js]
  },
  entry: {
    vendor: ['jquery'],
    app: path.resolve(dir_js, 'app/app.js'),
    admin: path.resolve(dir_js, 'admin/admin.js')
  },
  output: {
    path: dir_build,
    filename: '[name].js'
  },
  module: {
    loaders: [{
      test: /\.js$/,
      exclude: /(node_modules|vendor)/,
      loader: 'babel-loader'
    }]
  },
  plugins: [
    // new webpack.optimize.DedupePlugin(),
    new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.js')
  ]

[dsifford]

@zaqqaz A complete example would be lovely.

[zaqqaz]

Just, add handler, and trigger brwser sync from them. Something like that:

....

let webpackChangeHandler = function (err, stats) {
        $.util.log(stats.toString({
            colors: $.util.colors.supportsColor,
            chunks: false,
            hash: false,
            version: false
        }));

        browserSync.reload();

        firstBuildReady = true;
    };

....

    return  gulp.src('')
        .pipe(plumber({errorHandler: conf.errorHandler('webpack-stream')}))
        .pipe(webpackStream(webpackOptions, null, webpackChangeHandler))
        .pipe(gulp.dest('valamar/static/js/dist/'))
        .on('data', () => {
            if (firstBuildReady && callback) callback()
        });