Как перезагрузить browserSync при работе с webpack?

Question

[Никита Нафранец]

Решил собрать себе свой сборщик проектов с блэкджеком.
Сделал gulp + webpack, но если меняю содержимое в js файле, то browserSync не реагирует на изменения.
Вот таск вебпака

gulp.task('webpack', function() {
	return gulp.src(path.assets + '/javascript/*.js')
		.pipe(plumber(configs.plumberError))
		.pipe(webpackStream(webpackConfig))
		.pipe(gulp.dest(path.public));
});

А с browserSync мучался по разному, но результата нет. Вставлял
gulp.watch("js/*.js").on("change", reload);
куда мог, но нет никакой реакции, даже ошибок :(
Вот сам таск browserSync

...
browserConfig: {
		server: {
			baseDir: './public/'
		},
		reloadDelay: 1500,
		tunnel: false,
		host: 'localhost',
		port: 3000,
		logPrefix: 'FrontEnd Server'
	},
...
gulp.task('browser-sync', function() {
	browserSync.init(configs.browserConfig);
	gulp.watch('js/*.js').on('change', reload);
});

Пытался вручную перезагружать используя gulp-watch, но тоже не получилось. Как заставить его перезагружаться при изменения в файле ? Заранее спасибо.

Answer 1

[sinneren]

.pipe(browserSync.stream());