trimm/browsersync-controller

trimm/browsersync-controller 镜像说明

镜像概述

trimm/browsersync-controller是基于Symfony框架构建的工具镜像，专注于管理Docker环境中的BrowserSync实例，为前端开发者提供实时资源同步与自动刷新能力，简化开发流程。

核心功能

• 管理Docker化BrowserSync实例的生命周期（启动、停止、重启）
• 动态调整BrowserSync配置参数（端口、同步目录、代理目标等）
• 监控前端资源文件变化，触发实时刷新与同步

使用场景

• 前端项目开发：实时预览HTML、CSS、JavaScript文件修改效果
• 多设备同步测试：确保PC、移动端等不同终端显示效果一致
• 团队协作开发：统一开发环境中的资源同步配置

配置说明

支持通过环境变量自定义配置：

• BROWSERSYNC_PORT：BrowserSync监听端口（默认：3000）
• SYNC_DIR：需要同步的资源目录（默认：./src）
• PROXY_TARGET：代理目标地址（如本地开发服务器地址，例如 http://localhost:8080）

部署示例

Docker Run 命令

bash
docker run -d \
  --name browsersync-controller \
  -p 3000:3000 \
  -v /本地项目路径:/app \
  -e SYNC_DIR=/app/src \
  -e PROXY_TARGET=http://localhost:8080 \
  trimm/browsersync-controller

Docker Compose 示例（docker-compose.yml）

yaml
version: '3'
services:
  browsersync:
    image: trimm/browsersync-controller
    ports:
      - "3000:3000"
    volumes:
      - ./your-project:/app
    environment:
      - SYNC_DIR=/app/src
      - PROXY_TARGET=[***] # 假设web服务为本地开发服务器