Блог

Я борюсь уже несколько часов и не могу правильно настроить функциональность webpack-mix BrowserSync для среды разработки docker.

Я был бы рад получить помощь!

Заранее спасибо.

Мой докер-compose.yml:

 version: '3.7'
 

Услуги:
приложение:
сборка:
контекст: .
файл dockerfile: .docker/
Изображение файла Dockerfile: имя контейнера
vokl: порты vokl-приложений
:
— 80:80
— 3000:3000
— 3001:3001
тома:
— ./:/var/www/html
сети:
— вокл зависит
от:
— mysql
mysql:
изображение: ‘mariadb:последнее’
имя контейнера: vokl-
перезапуск бд: если-остановленные
порты:
— 3306:3306
окружающая среда:
БАЗА ДАННЫХ MYSQL_DATABASE: ${БАЗА ДАННЫХ DB_DATABASE}
MYSQL_ROOT_PASSWORD: ${DB_PASSWORD}
MYSQL_PASSWORD: ${DB_PASSWORD}
MYSQL_USER: ${DB_USERNAME}
MYSQL_ALLOW_EMPTY_PASSWORD: «да»
тома:
— ./.docker/dbdata:/var/lib/mysql
сети:
— вокл
phpmyadmin:
изображение: phpmyadmin/phpmyadmin
имя контейнера: vokl-
среда phpmyadmin:
— PMA_HOST=mysql
— MYSQL_ROOT_PASSWORD=корень
— MYSQL_USER=root
— MYSQL_PASSWORD=корень
зависит от:
—
порты mysql:
— 8765:80
сети:
—
сети вокл:
вокл:
водитель: мост

webpack-микс:

mix.BrowserSync({ хост: ‘vokl-app.test’, прокси: ‘приложение’, уведомление: ложь, открыть: ‘внешний’ });