drud/ddev

@rfay I have browsersync running in its own container and it works when viewed at https://localhost:3000 or http://localhost:3001. I am trying to follow the stackoverflow answer that you sent the other day to make the browsersync proxy available at one of the web container ports but am having some trouble.

This is my full custom YAML file. Would you mind taking a look and letting me know what's wrong? (I am having trouble getting markdown to accept my full code block so apologies for the formatting)

version: '3.6'
services:
tailwindcss:
container_name: ddev-${DDEV_SITENAME}-tailwindcss-postcss
image: node:15.7
user: "node"
restart: "no"
environment:

  - "TAILWIND_MODE=watch"
labels:
  com.ddev.site-name: ${DDEV_SITENAME}
  com.ddev.platform: ddev
  com.ddev.app-type: php
  com.ddev.approot: $DDEV_APPROOT
volumes:
  - "../:/var/www/html:cached"
working_dir: /var/www/html/tailwindcss
stdin_open: true
command: ["npm", "run", "watch"]

web:

# ports are a list of exposed *container* ports
expose: 
  - "3000"
environment:
  - HTTP_EXPOSE=${DDEV_ROUTER_HTTP_PORT}:80,${DDEV_MAILHOG_PORT}:8025,3001:3000
  - HTTPS_EXPOSE=${DDEV_ROUTER_HTTPS_PORT}:80,${DDEV_MAILHOG_HTTPS_PORT}:8025,3000:3000

browsersync:
container_name: ddev-${DDEV_SITENAME}-browsersync
image: node:15.7
user: "node"
restart: "no"
labels:
com.ddev.site-name: ${DDEV_SITENAME}
com.ddev.platform: ddev
com.ddev.app-type: php
com.ddev.approot: $DDEV_APPROOT
volumes:

  - "../:/var/www/html:cached"
working_dir: /var/www/html/tailwindcss
command: ["npm", "run", "sync"]