如何限制 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/）并转到“网络节流”
3. 选择“速度”，然后选择“创建服务器”
4. 使用现在以定义的速度运行的新服务器实例

提示：

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

您还可以模拟延迟！看看bs-latency Plugin ...

Answer 2

来自文档

reloadThrottle

仅在指定持续时间的连续时间窗口内发出第一个事件。

示例

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