Inter-Net.PRO

Интеграция Gulp и PHP - как подружить Browsersync с PHP

  • 264 65
06 дек 2017 16:01 - 03 июнь 2018 00:57 #1 от Inter-Net PRO
Я пользуюсь гальпом при вёрстке всевозможных макетов и скриптов, где помимо сборки и оптимизации (сжатии кода) есть великолепный плагин Browsersync.
Browsersync - это инструмент который отслеживает изменение файлов (указанных или типизированных) и при их изменении (правке кода) он автоматически обновляет браузер.

Когда я решил на локальном сервере поработать с CMS (в моём случае Joomla , но можно Wordpress, Drupal и т.п.), у меня появилась задача подружить gulp с php.

В этом мне помогло следующее видео, правда мне пришлось для этого Open Server скачать, так как раньше я работал в XAMPP
.


Код таска для PHP:
Всё что нужно, это в файле gulpfile.js прописать proxy
// Снхронизация с браузерами
gulp.task('browser-sync', function() {
   browserSync({
      proxy: 'my.site',  //Название сайта на Open Servere
      notify: false
   });
});
Ну а в таске watch можно устанавливать отслеживание за отдельными файлами или типами файлов. Всё как обычно. Единственное если проект это CMS (движок сайта) где тысячи файлов, то лучше следить за отдельными файлами с которыми мы работаем, чтобы гальпу не проверять весь проект. Так будет летать и не тормозить с длительной перезагрузкой браузера.

Спросите как работает? - Первая загрузка сайта в браузере выполняется медленно (что в сайт, что в админку). Но потом просто летает.
К тому же у меня ноутбук с относительно маленьким монитором. Поэтому у меня Browsersync по wifi обновляет браузер на втором ноутбуке, где открыт сайт с которым работаю. Всё происходит молнееносно без каких либо торможений. Получается у меня в одном ноутбуке запущен Open Server, Gulp и редактор в котором я редактирую код. На втором ноутбуке открыт браузер, где я вижу все изменения что я вношу в код.

Browsersync - превосходное расширение. Огромнейшее СПАСИБО тем людям которые его сделали.

Авторизация

Войти через соцсети: