Как одновременно запустить фронтэнд и бэкэнд на gulp с livereload?

Question

[Nick Nesterov]

Всем доброе время суток.
Пишу фулстек, фронтэнд Angular, бэкэнд Express. Все стандартно)))
Как мне подключить любой из плагинов:
gulp-connect, gulp-nodemon, gulp-webserver, browsersync
чтобы фронтэнд и бэкэнд был на одном порту и работал livereload?

Я подключаю фронтэнд через:

app.use(express.static('./client'));

и запускаю сервер через nodemon:

return nodemon({
		script: './server/app.js'
	})

Но тогда не работает livereload фронтэнда.
Кто как настраивает gulp в фулстеке?

Comments

[Ленар Фаттахов]

А зачем вам запускать их на одном порту?

Answer 1

[pomeo]

Nodemon вы запускаете с nodemon server/app.js --watch server
browsersync запускаете внутри gulpfile с proxy, кооторый указывает на то что выше nodemon запустит
в gulp task default прописываете gulp.watch(['client/*'], browserSync.reload);
Должно работать

Comments

[Nick Nesterov]

nodemon и browsersync вроде бы не могут на одном прокси бегать.

[pomeo]

Nick Nesterov: каком одном прокси, вы запускаете nodemon, дальше browsersync с proxy и заходите на адрес browsersync

[pomeo]

поменяйте в голове browsersync на nginx и поймёте как это работает

[Nick Nesterov]

спасибо

Answer 2

[Константин Китманов]

Есть, вроде бы, livereload middleware для express. Но, если честно, мне всегда было лень разбираться и я просто запускал gulp watch в одной вкладке, а nodemon app.js в другой (tmux наше все). На продакшене статика только собранная, поэтому gulp watch там не нужен.