问题标签 [gulp-browser-sync]

我正在尝试配置 Gulp 和 Browsersync 以在不重新加载的情况下注入 CSS 更改。附加的 Gulpfile.js 在 SASS 任务之后调用 .pipe(browserSync.stream()) 。我们看到它注入，但随后调用完全重新加载。

这是 browsersync 配置中引用的 config.js。

似乎我缺少一些东西 - 我只是想让 css 注入在这个项目上工作。

服务器代理工作文件观察程序也注入工作，但页面总是在半秒后重新加载......

我在 Mac osx 10.11.6 (15G1108) 节点 v4.1.1

这是我的 gulpfile：

这是我的 Gulp 文件：

当我运行gulp watch任务时，index.html文件会按预期重新加载。但是cssInject task不会重新加载页面，也不会注入 css 更改。它什么也不做。如果我将 更改.pipe(browserSync.stream());为.pipe(browserSync.reload());，它会重新加载+更新更改，但我收到此错误：

谁能建议我做错了什么？谢谢你。

编辑添加：我有 2.12.8 版本的浏览器同步。

不能使这个脚本工作，还需要建议：

当我在初始加载后更改任何文件时如何使浏览器重新加载？

有什么办法，当浏览器重新加载以保持在同一页面上（比如页面http://wpsass.dev/sass/mixin）而不重新加载基本网址（http://wpsass.dev）

我正在尝试将其用于 wordpress 主题开发。

终端结果：

我试图让我的 gulp 与 Autoprefixer、sass 和浏览器同步正常工作，但我有一些问题。

我像这样设置 Gulpfile.js：

我从一个网站得到这个。我只将 .scss 更改为 .sass

我想要的整个想法是有一个名为“scr”的地图，我将我的 .sass 文件放在其中，并且应该编译到 /assets/css 文件夹，该文件夹应该成为一个 .css 文件。

我将所有内容都安装在我的主目录中，其中存储了我的 index.html、gulpfile.js 和 package.json。

但是现在我在 src/css/main.sass 中工作，保存后什么都不会发生。所以我猜它没有看到任何变化并且不会编译？是的，我已经在我的 index.html 中链接了 main.css

我希望你能帮助我，也许可以解释出了什么问题，这样也许有一天我会明白这一点。

我正在使用 BrowserSync 开发网站。但是，在生产版本中，我将通过 .htaccess 将 .html 替换为正斜杠。是否可以使用 BrowserSync 获得相同的结果？

我似乎在使用的套接字browser-sync和我想使用的套接字之间存在冲突socket.io。我browser-sync通过一个任务（默认项目gulp附带）使用。Aurelia CLI发生的情况是只有browser-sync套接字似乎工作，socket.io而主要用于服务器端的套接字完全未读。我确实找到了解决该问题的GitHub 问题 #71，以及另一个Github 问题 #241，它们都提到了名称空间的使用。但是我尝试了一些差异，即使它们运行时出错，它也不能解决我的任何问题。

我主要在项目内部使用Gulpwith ，而后端是with 。while的版本使用的端口是前端：4000，后端：5000。browser-syncAurelia CLINodeJSKoasocket.io@1.6.0browser-sync@2.13.0

这是文件列表

Gulp - 运行.js

将 Socket.io-Client 与 Aurelia 一起使用（前端）

带有 Koa 的 NodeJS（后端）

我尝试了有无命名空间，这似乎并没有改变任何东西。我提到了浏览器同步 - 套接字选项

编辑

通过对此进行更多测试，实际上似乎socket.io服务器端根本不起作用。它不会console.log('connected with ID: ' + socket.client.id)从服务器输出，但也不会显示或抛出任何错误。服务器端的代码曾经使用过WebPack，所以我真的认为它与browserSync冲突有关。

我在 CentOS 6.5 服务器上使用 gulp + 浏览器同步 + vim 堆栈。

在我的 gulpfile.js 中观看 html 的区别。

当我更改 index.html 文件并发送 vim 命令 [wq] 浏览器自动刷新完美。

但是当我只发送命令 [w] 时，文件已保存但 browsersync Web 服务器无法检测到文件已更改.. 所以浏览器不会刷新。

我应该总是发送 [wq] 命令来刷新浏览器吗？

我有一个不使用哈希 URL 的单页应用程序我想使用历史 API。我在 browserSync 服务器选项中使用中间件 historyApiFallback()。但是，这仅适用于一级深层 URL：

http://localhost:3000/main正确解析为 index.html 但 http://localhost:3000/main/a不起作用。浏览器显示“已连接到浏览器同步”，然后显示一个空白页面。

任何人都知道这里可能是什么问题？

我已经实现了一项任务来运行服务器并对源文件的更改做出反应（重新加载）。

我正在使用gulp-4.0，并且正在从命令行运行此任务。

当用户点击CTRL+C时，正确终止此任务的正确实现是什么？

当我使用快捷键CTRL+C终止此正在运行的任务时，我收到以下错误：

该任务正常工作，直到用户点击CTRL+C。当来自CTRL+C的信号到达任务时，会打印出上述错误。我想知道如何捕捉或如何对来自CTRL+C的终止信号做出正确反应？