Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

Gulp + Livereload + Сервер


Recommended Posts

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

 

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

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

 

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

Link to post
Share on other sites
  • 1 year later...

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

 

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

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.