diff --git a/config.browsersync.yaml b/config.browsersync.yaml
new file mode 100644
index 0000000..2201431
--- /dev/null
+++ b/config.browsersync.yaml
@@ -0,0 +1,6 @@
+#ddev-generated
+web_extra_exposed_ports:
+  - name: browsersync
+    container_port: 3000
+    http_port: 3001
+    https_port: 3000
diff --git a/docker-compose.browsersync.yaml b/docker-compose.browsersync.yaml
deleted file mode 100644
index 67a7aca..0000000
--- a/docker-compose.browsersync.yaml
+++ /dev/null
@@ -1,10 +0,0 @@
-#ddev-generated
-# Override the web container's standard HTTP_EXPOSE and HTTPS_EXPOSE
-# This is to expose the browsersync port.
-services:
-  web:
-    expose:
-      - '3000'
-    environment:
-      - HTTP_EXPOSE=${DDEV_ROUTER_HTTP_PORT}:80,${DDEV_MAILPIT_HTTP_PORT}:8025,3001:3000
-      - HTTPS_EXPOSE=${DDEV_ROUTER_HTTPS_PORT}:80,${DDEV_MAILPIT_HTTPS_PORT}:8025,3000:3000
diff --git a/install.yaml b/install.yaml
index 91eff54..551b70d 100644
--- a/install.yaml
+++ b/install.yaml
@@ -9,7 +9,7 @@ pre_install_actions:
   fi
 
 project_files:
-  - docker-compose.browsersync.yaml
+  - config.browsersync.yaml
   - web-build/Dockerfile.ddev-browsersync
   - browser-sync.js
   - commands/web/browsersync
@@ -22,3 +22,6 @@ post_install_actions:
   if ( test -f "$HOME/.ddev/commands/web/browsersync" ) ; then
     echo "Note: '~/.ddev/commands/web/browsersync' is no longer required and can be safely removed." && exit 0
   fi
+  #ddev-nodisplay
+  #ddev-description:Remove old 'docker-compose.browsersync.yaml'
+  if grep "#ddev-generated" $DDEV_APPROOT/.ddev/docker-compose.browsersync.yaml 2>/dev/null; then rm -f "$DDEV_APPROOT/.ddev/docker-compose.browsersync.yaml"; fi