问题标签 [browser-sync]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
321 浏览

error-handling - 使用 gulp-ruby-sass 1.0.0-alpha、gulp-notify 和 browser-sync 处理错误

我一直在使用 `gulp-ruby-sass@1.0.0-alpha' 因为 < 1.0 不能很好地与 Sass >= 3.4 配合使用根据文档:

gulp-ruby-sass 会像 gulp 插件一样抛出错误,但会流式传输错误文件,以便您可以在浏览器中查看错误。

我使用gulp-notify这段代码来处理错误,它给我一个弹出通知,让我知道出了点问题。

这适用于我的其他任务(在我的“脚本”任务中,我需要指定gulp-jshint失败报告者)。但在我的“样式”任务中,错误消息正在流式传输到控制台和浏览器,而不是弹出通知。

它可以按原样工作,但是当使用浏览器同步进行 css 样式注入时,可能会错过错误消息。有时我不在呈现错误消息的文档顶部工作。

理想情况下,我希望收到可以提示我检查错误的通知。有谁知道为什么我不能用 gulp-notify 创建消息?

0 投票
0 回答
933 浏览

javascript - gulpfile browsersync nodemon 内存过多

我的 gulpfile 无法正常运行。当我运行默认任务时,gulp我的浏览器会启动,但会挂在waiting for localhost...左下角。如果我刷新,则服务器按预期工作。我还想编辑我的代码并在我的浏览器中显示更新。此功能有效,但 gulp 在开发一段时间后会增长到大约 300mb 的内存。

更新:它可能不是我的 gulpfile。我耐心地等待,它最终加载了我的应用程序的根页面。这是我的 server.js 文件

debug('req', req.path);大约 120 秒后最终到达线。但是,如果我在第一次打开选项卡时刷新它会立即加载。

更新 2:我能够通过将交易时间增加到 6500 毫秒来解决初始加载问题。现在我需要找出导致内存泄漏的原因。

0 投票
1 回答
132 浏览

javascript - Unsure about example given on BrowserSync homepage

Consider this example given on the BrowserSync + Gulp page regarding Browser Reloading, especially this part:

As task dependencies are run asynchronously (here: the js and browserSync.reload) couldn't it happen that the reload finishes before the js task?

0 投票
1 回答
1919 浏览

gulp - Gulp 延迟任务

我正在尝试使用 gulp 执行以下任务:

问题是它运行浏览器重新加载过快。如何在运行下一个任务之前获得延迟?

0 投票
1 回答
774 浏览

node.js - nodejs 浏览器同步 - 日志记录

我对nodejs非常陌生,但想知道是否可以轻松实现以下目标。

我使用 Gulp 和浏览器同步插件。我想知道是否有一种方法可以在每次浏览器在端口范围内重新注入域和时间时进行记录。这样做的原因是我希望能够在无需手动记录的情况下绘制项目的生产力,这似乎是最合乎逻辑的解决方案。

有没有这样的东西,或者可以很容易地将它添加到 Gulp 文件中?

非常感谢,卢克

0 投票
1 回答
7503 浏览

remote-debugging - 如何使用 Browser-sync 进行远程调试?

我已经安装了与 npm 同步的浏览器。在他们的网站上,他们提到它还允许远程调试。但是他们没有提到如何进行远程调试。我使用以下命令在浏览器同步上运行 mysite。浏览器同步开始 --proxy localhost:8080/mysite

我怎样才能远程调试呢?

0 投票
1 回答
3192 浏览

wordpress - Browsersync 没有设置正确的本地 url

我正在使用带有 Gulp 的入门主题 Roots与 MAMP PRO 合作开发一个 Wordpress 项目。我遇到了来自 gulpfile.js 的“监视”任务的问题。下面是任务的代码:

这是启动“gulp watch”命令后的终端输出:

结果 browsersync 打开,使用我的默认浏览器,url http://localhost:8888

我现在需要的是,基本上,生成的 url(由浏览器打开)是http://mywebsite:8888

0 投票
2 回答
2527 浏览

proxy - Gulp 浏览器同步代理

我正在尝试将浏览器同步设置为通过代理工作:

问题是它似乎不能直接使用代理,而是请求手动将代码段放入网站。

但是,如果我尝试使用 global browser-sync browser-sync start --proxy "localhost",它会起作用。

如何让 gulp browser-sync 的代理工作?或者,我怎样才能让全局浏览器同步与 gulp 一起工作?这很重要,以便浏览器同步可以与我的 gulp 逻辑一起使用,并在需要时重新加载浏览器。

0 投票
1 回答
1583 浏览

batch-file - Windows 批处理文件运行 php serve & gulp

每次当我开始处理 laravel 项目时,我都需要运行php artisan serve以启动虚拟服务器,然后gulp它将运行带有浏览器同步的 gulp 文件以代理虚拟服务器。

我正在考虑使用批处理文件简化流程。但问题是一旦它运行第一个命令,它就会停在那里。只需双击批处理文件,我怎样才能获得一个接一个调用的 2 个命令?

0 投票
1 回答
339 浏览

scripting - 如何创建一个 shell 脚本来自动运行 watchcompile 和浏览器同步

我正在尝试做这样的事情来自动化 watchcompile 和浏览器同步,但它不起作用。

这将在项目目录中运行。

运行上面的代码给了我以下信息:

watchcompile 和 browser-sync 应该是独立的进程。

任何帮助将不胜感激。