Gulp + Livereload + Сервер

[ArtemPitov]

Доброго времени суток господа 

 

Опробовал я всем известный Gulp и остался очень довольный, до этого не работал со сборниками проектов

Все бы хорошо, но через Gulp веб сервер не охота запускать и  работаю на мной любимом Open Server но при этом нужен адекватный Livereload 

 

подскажите как настроить, если кто-то подобным образом извращаться :D  

[elscept]

Времени конечно прошло не мало и может ответ уже давно найден, но... Если коротко, то так:

 

В корне сайта создаем папку "gulp", устанавливаем в нее Ноду, нужные расширения для Галпа (livereload обязательно, куда ж без него ), ставим Bower и качаем js-css библиотеки т.д. по вкусу. Далее, в gulpfile.js настраиваем таски для Галпа (что откуда брать и куда грузить после обработки) и, наконец, вместо привычного

server: {
  baseDir: 'app'
},

пишем

proxy: 'myshop.loc',

(вместо "myshop.loc" имя вашей папки с сайтом, естественно).

 

Таск "gulp watch" может быть например таким

gulp.task('watch', ['browser-sync', 'css-libs', 'scripts'], function() {
  gulp.watch('app/**/*.scss', ['sass']);
  gulp.watch('app/js/**/*.js', browserSync.reload);
  gulp.watch('../catalog/view/theme/**/*.html', browserSync.reload);
  gulp.watch('../catalog/view/theme/**/*.tpl', browserSync.reload);
  gulp.watch('../catalog/**/*.php', browserSync.reload);
});

Отслеживать изменения прям во всех php файлах конечно не обязательно, это уже дело вкуса.