Настройка автоматического обновления страницы (Livereload) для WordPress в Docker и Gulp
Я успешно настроил локальную среду разработки для WordPress с использованием Docker и системы сборки Gulp. Сейчас проект имеет следующую структуру:
- Сайт на WordPress доступен по адресу
localhost:8080. - Изменения в PHP-файлах темы (
wp/wp-content/themes/main) применяются корректно. - Sass-файлы компилируются и автоматически помещаются в папку темы; после обновления страницы в браузере изменения отображаются.
Однако мне не удаётся реализовать функцию Livereload (автоматического обновления страницы в браузере) при сохранении файлов (Sass, JS, PHP). Текущая конфигурация Browsersync в Gulp не работает как ожидалось:
browsersync.init({
proxy: "localhost:8080", // Эта настройка не срабатывает. Сайт по-прежнему открывается на localhost:3000
notify: false,
open: true,
});Мой docker-compose.yml выглядит так:
version: "3.8"
services:
wordpress:
build: ./docker/php
container_name: wp_local
ports:
- "8080:80"
environment:
WORDPRESS_DB_HOST: db
WORDPRESS_DB_NAME: wp_db
WORDPRESS_DB_USER: wp_user
WORDPRESS_DB_PASSWORD: wp_pass
volumes:
- ./wp/wp-content:/var/www/html/wp-content
depends_on:
- db
db:
image: mysql:8.0
container_name: wp_db_local
restart: always
environment:
MYSQL_DATABASE: wp_db
MYSQL_USER: wp_user
MYSQL_PASSWORD: wp_pass
MYSQL_ROOT_PASSWORD: root_pass
volumes:
- db_data:/var/lib/mysql
volumes:
db_data:Вопрос: Какие настройки необходимо внести в конфигурацию Gulp (Browsersync) и Docker, чтобы реализовать автоматическое обновление страницы? Возможно ли это в принципе в данной конфигурации?