lavezzi1

Просто npx gulp запустит gulp из проекта. Устанавливают в проект для того, чтобы точно знать что человек который захочет поднять ваш проект у себя на машине, получит тот же самый environment что и был у вас. А если зависимости будут глобальные то получится чехарда. У вам может быть gulp 4, а у запускающего ваш проект какой нибудь 3.0 и у него будут ошибки. Надеюсь идея понятна.

Конечно webpack сложнее, но в то же время он намного мощней по функционалу чем gulp. Если у вас много сложной работы с JS, то однозначно стоит посмотреть на webpack, а если же просто собираете css, статитку и немного JS, то и gulp'a будет достаточно.

Глобально надо так
yarn global add gulp

p.s also https://github.com/yarnpkg/yarn/issues/1151

Самое крутое что я видел https://github.com/tars/tars

Я юзаю tars сборку. У меня сейчас около 200 шаблонов (блоков) компилит 25секунд. Попробуйте https://github.com/tars/tars

Ты либо не весь gulp.js выложил. Либо пропущено указание в шапке файл var = плагин для перезагрузки. Ибо он у тебя испльзуется

.pipe(reload({stream: true})); //И перезагрузим наш сервер для обновлений

Но не подключен. Настройка плагин gulp-browsersync и обнови строчку на соответствующую