node.js - 如何限制 BrowserSync 的速度？

Question

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

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

Answer 1

1. 启动浏览器同步： browser-sync start --server --files "src/*.*"
2. 打开浏览器同步 UI（例如http://localhost:300 1 /）并转到“网络节流”
3. 选择“速度”，然后选择“创建服务器”
4. 使用现在以定义的速度运行的新服务器实例

暗示：

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

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

Answer 2

从文档

重载油门

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

例子

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