问题标签 [browser-sync]

使用Yeoman Gulp-Angular 搭建了一个新项目。

我了解 BrowserSync 的前提，但坦率地说，我无法理解任何人如何容忍他们的网络请求被以下内容淹没：

我想立即从我的项目中删除 BrowserSync。

如何更正以下代码以gulp serve执行与预览非缩小src文件相同的功能，但没有 BrowserSync？

这是我的当前，由gulp-angulargulp/server.js生成的默认值：

而我当前，由gulp-angulargulp/watch.js生成的默认值：

I have a gulp task running with browser-sync,by default its running on port 3000 of node.js server.I want to change the default port to any other port like 3010.

I am using:

I tried configuring the gulp task like:

But it didnot work.

我刚刚开始使用 Gulp。我有我gulpfile.js的如下：

我只是遵循 BrowserSync 网站上列出的方法。但这对我不起作用。当我更改 JS 文件时，我的脚本确实会更新，但不会重新加载浏览器！

所以我似乎有 gulp 与 browsersync 一起工作。当我开始 gulp 时，它会打开我的浏览器并给我以下信息：

这是我的 gulpfile

我希望只查看我项目中的所有文件并在有更改时重新加载。

我是浏览器同步的新手，我似乎无法弄清楚如何让实时重新加载在代理服务器上工作。在我当前的设置中，我无权访问本地计算机上的文件，因此我必须使用代理。我目前有一个配置文件，这是当前设置。

};

页面滚动和点击可以跨浏览器工作，但是当我更新服务器上的文件时，它不会自动重新加载页面，是我没有正确设置配置文件吗？另外，运行 browser-sync start --config bs-config.js 和只运行 brower-sync start --proxy “ http://www.example.com ”有什么区别？

我正在使用browsersync + gulp和一些很酷的浏览器插件，perfectPixel就是其中之一。我的问题是每次我保存我的工作时，它都会强制浏览器重新加载，从而清除浏览器并关闭我的浏览器扩展。这导致我不得不重新激活插件并继续这个低效的工作流程。有没有人有任何想法？

更新 2015 年 7 月 7 日 在 Matthew 下面，提供了一些指向包含 websockets 的解决方案的链接，但是我无法让它与我的 gulp 设置一起使用。

我正在尝试让浏览器同步（带流）工作，但它似乎在管道上下文中不起作用。sass 编译正确，然后什么也没有发生。我的代码如下：

在我的终端中，它似乎确实注册了它：

我可以重新加载的唯一方法是将其添加到监视任务中：

...但是使用这种方法，我似乎无法启用流，因为它不接受函数。我还根据当前文档尝试了 browserSync.stream() 无济于事。

如果有帮助，这里是 browsersync 任务：

请帮忙！

我想为我使用预编译器（sass）的项目和纯 css 中的较旧/较小的项目使用相同的gulpfile.js。我也使用浏览器同步，我想将 css注入浏览器（而不是重新加载整个页面）。

我的以下配置有效，即当我编辑一个 sass 文件时，它会编译并注入已编译的 css，而当我编辑一个 css 文件时，它会正确注入它。但是一个小细节仍然让我感到沮丧：当我编辑一个 sass 文件时，浏览器同步被通知 2 次 css 文件已更改。1 次在 sass 观察者中，1 次在 css 观察者中。这对他来说似乎不是问题，因为它在我的浏览器中正确地注入了 css。但这不是很“干净”。

我想找到一种方法对此进行某种排除。理想情况下，只需在我的编码中添加更多逻辑，而无需添加其他一些包，例如 gulp-watch、gulp-if ...

这是保存 sass 文件时的控制台输出：

正如我们所看到的，我们在 2 个观察者中连续输入，browser-sync 说 2 次“[BS] 1 file changed (main.css)”。

我正在开发一个项目，我的工作区直接位于远程服务器中。

到目前为止，我正在通过在 src 文件中使用我自己的 ip 来加载浏览器同步客户端：

但是我遇到了跨域请求问题。

知道如何配置我的 gulp 吗？

谢谢 ！

尝试安装BrowserSync

我已经按照步骤通过命令行安装软件包，安装了node.js，然后我继续通过命令行安装npm。

现在，当我尝试browser-sync使用以下行进行安装时，npm install -g browser-sync您会看到当我检查版本时它无法识别，而当我尝试执行类似的操作时它是否相同start --server？

注意尝试安装另一个包作为测试jshint成功安装/卸载，但在检查其版本时显示相同的消息。

有什么建议么？