Как настроить docker для wordpress и gulp?

Question

[remzi17]

Нужен совет по докеру. У меня есть сборка на галпе. Я решил внедрить туда вордпресс. Докер настроил, всё работет.

Структура проекта


Сейчас по такому адресу localhost:8080 открывается вп версия сайта. При изменениях в php файлах внутри темы всё работает.
При изменениях в sass файлах они помещаются сразу в тему (wp/wp-content/themes/main) и после обновления страницы тоже всё работает.

Я хочу настроить livereload, чтобы при изменениях в sass, js, php файлах тут localhost:8080 страница обновлялась. Никак не получается настроить. Подскажите какие настройки нужно указать в галпе для browsersync и какие в настройках докера. И реально ли вообще это сделать?

browsersync.init({
 proxy: "http://localhost:8080", // это не помогает. Всё равно при запуске галпа сайт открывается тут http://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:

Comments

[VoidVolker]

remzi17 https://qna.habr.com/help/rules#3.8

[remzi17]

VoidVolker, исправил