ArtemPitov

Gulp + Livereload + Сервер

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

ArtemPitov    338

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

 

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

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
elscept    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 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу