如何限制 BrowserSync 的速度？

Question

如何配置 BrowserSync（从其 API）以较慢的速度提供内容？

理想情况下，我希望能够以节流速率仅提供某些文件，因此在开发时，localhost/index.html 加载速度快而 localhost/dummyData.json 加载速度慢，因此我可以有效地演示加载状态在开发将数据和表示分离的 Web 应用程序时。

Answer 1

1. 开始浏览器同步： browser-sync start --server --files "src/*.*"
2. 打开浏览器同步 UI（例如 http://localhost:3001/）并转到 "Network Throttle"
3. select"Speed"，然后"Create Server"
4. 使用现在运行以定义的速度
正在运行的新服务器实例

提示：

您可以同时 运行 多个受限服务器实例 - 例如。模拟 CDN 行为（最快者获胜）

你也可以模拟延迟！看看 bs-latency Plugin ...

Answer 2

来自文档

reloadThrottle

在指定持续时间的连续时间 windows 期间仅发出第一个事件。

例子

browserSync.init({
        reloadThrottle: 300,
        server: {
            baseDir: 'dev/'
        }
    });