Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Gulp + Livereload + Сервер


ArtemPitov
 Поделиться

Рекомендованные сообщения

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

 

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

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

 

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

Ссылка на комментарий
Поделиться на других сайтах

  • 1 год спустя...

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

 

В корне сайта создаем папку "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 файлах конечно не обязательно, это уже дело вкуса.

Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.