问题标签 [gulp-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.
gulp - 在 Gulp 中使用 BrowserSync 重新加载 HTML
我在我的 gulpfile.js 中尝试了几种不同的方法，以使 HTML 自动重新加载以在 Gulp 中与BrowserSync（不是 LiveReload）一起使用，但没有一个奏效。我认为最后一次尝试可以解决问题，但它也不起作用。我错过了什么？
这是我的整个 gulpfile.js：
gulp - 不能在多个项目中使用 gulp（带有 gulp-connect-php 和 gulp-browser-sync）
我最近开始使用 gulp 并且有一个很好的工作流程，但是当我将 gulpfile 添加到一个新项目时，每次我gulp从原始项目目录运行时，它都会为最新项目提供服务，我不知道我做了什么。
这应该是我的 gulpfile 的相关内容：
如果我将proxy选项更改为类似的选项proxy: '127.0.0.1:4000，则该过程不会完成并且只会停止：
我不确定是否做错了什么，但实际上唯一的变化是尝试选择不同的端口。我只是认为如果配置中的端口正在使用，该任务会自动选择一个可用端口，但我不知道现在如何在多个项目中使用 gulp。
端口 8000 或我的主机文件中没有任何可能干扰的虚拟主机设置，因此不应该有任何冲突。
Browsersync 文档说，Proxy an EXISTING vhost. Browsersync will wrap your vhost with a proxy URL to view your site.所以我不确定为什么我现有的设置对这两个项目都有效。
更新
再次查看gulp-connect-php 文档并尝试了这个似乎有效的方法：
但如果可能的话，我更愿意避免对端口进行硬编码。
现在更改任何 sass 都会注入并重新加载页面，而不仅仅是注入，css 似乎仍然可以在没有重新加载的情况下正常注入。
javascript - Gulp Concat + Browserync 重启
我正在使用 gulp concat 和 browserync。当我运行 gulp 时，它会启动 browserync 并连接并重新加载在模块中找到的所有 js 文件。问题是它只连接一次 js 文件，所以我需要停止运行 gulp 并再次运行它，这样我才能看到反映到 js 文件的任何更改。我也只在停止并重新启动 gulp 后才看到 gulp 通知任务。如何设置 gulp 以便始终捆绑和编译 js，然后运行 browersync？
这是我的 gulpfile
javascript - 在 Gulp/BrowserSync 中启用 Cors
我用 yeoman 的样板代码 ( generator-gulp-angular )创建了一个 Angular 项目
现在在我的控制器中，我试图发出这样的 http 请求：
但我不断收到此错误：
跨域请求被阻止：同源策略不允许在http://food2fork读取远程资源...（原因：CORS 标头“Access-Control-Allow-Origin”缺失）
我做了我的研究，发现我需要使用中间件属性将此访问控制添加到我的服务器，但我仍然收到错误这是我的server.js文件
但是错误仍然存在，有什么帮助吗？
gulp-watch - Gulp browserSync 重新加载后一直滚动到顶部
我对 Gulp 和 BrowserSync 有疑问，这确实是一个小问题，但困扰着我。
每次我更改 scss 文件并运行 sass() 来编译它时，浏览器都会重新加载并滚动回顶部。
每次我更改 scss 文件时，有没有办法阻止浏览器这样做？
顺便说一句，这只发生在 sass 任务上，js 和 php 任务不会导致浏览器滚动到顶部。
我尝试了 Chrome 和 Firefox，我得到了相同的行为。
这是我的 gulpfile.js
有没有办法阻止它？
gulp - gulp +浏览器同步无法获取/错误
我正在学习当前 gulp 的前端构建系统，我想使用 brower-sync 问题是它没有在命令行中抛出错误，而是当它启动浏览器时它不会显示我的 html 文件和它将在浏览器窗口中显示“Cannot GET /”错误。这是我的 gulpfile.js 代码
我正在使用 windows 和 git bash 和版本是"browser-sync": "^2.12.5"什么问题并尝试为我解释以便从中得到一些东西。
browser-sync - 将 browsersync 与 gulp/nodemon 一起使用
我正在尝试让 Browsersync（版本 2.12.5）与 gulp-nodemon/watching 文件一起使用。这些是我的任务。我似乎无法获取任何文件来更新/重新加载浏览器。
将 Browsersync 与 nodemon 一起使用的推荐方法是什么？
gulp - gulp browsersync sass 部分
我有以下问题，不知道我的 gulpfile 出了什么问题。一切正常，我的 sass 文件正在编译，浏览器在更改时刷新。但是，如果我添加一个新的部分文件并将其导入到我的 _base.scss 中，browsersync 只会识别该部分的更改，而不是编译整个 sass 文件并重新加载浏览器。有谁知道如何解决这个问题？我想不出一个好的解决方案。谢谢！
这是我的 gulpfile.js
javascript - Browsersync + Gulp.js + XMLHttpRequest 无法加载
我在 gulp 中有最简单的工作，基本上是从 Browsersync 网站复制粘贴的。但是页面在保存时不会刷新，并且 chrome 控制台中会出现以下错误：
（计数一直在增加......）我在 Browsersync 上找不到任何关于此错误的任何信息我尝试使用 Allow-Control-Allow-Origin 插件进行 chrome 或在没有安全设置的情况下启动 Chrome，但错误仍然存在。我正在使用 Windows 10、节点 - 5.5.0 和 npm 3.8.8。
javascript - Gulp Browsersync 导致每次文件更改时多次重新加载
我正在使用带有 Gulp 的 browsersync，在特定文件更改上运行一些任务。每当我保存文件时，我[BS] Reloading Browsers...的终端中都会得到 10+，性能滞后是可以理解的。
这是我的 gulpfile：
我在这里做错了什么？