问题标签 [gulp-browser-sync]

我的 gulp 任务需要帮助。

从 PUG 编译 index.html 后，Gulp 监视任务不刷新浏览器。

这是我的 watch.js

这是我的 pug.js

在输出中，我在文件夹“./app/index.html”中得到编译的 HTML 代码。观看任务必须重新加载浏览器：

但没有任何改变。错误在哪里？

所以我的问题是，当我通过终端运行 gulp watch 时，我的浏览器不会在新页面上加载，而是在当前页面上重新加载？

https://i.stack.imgur.com/u1qXi.png

问题是，我想在我现有的 Zend-Project 中使用任务 runner 和 bower 的所有好处。我不确定，我应该如何重组我的整个项目文件夹。我当前的结构如下所示：

从这个（Gulp 和 Bower - 创建正确的文件结构）我知道，我必须创建一个单独的文件夹来保存从 bower 安装的所有库，然后我必须使用 gulp 将它们复制到公共文件夹中。现在取决于环境（生产或开发），我想使用缩小的 css 和 js 脚本。那么我应该创建2个公共文件夹并根据环境更改zend的基本路径吗？或者执行此操作的最佳方法是什么？

此外，我想将浏览器同步集成到这个项目中（由于 livereload）。因此我想使用 gulp-connect 来启动 php-server。但是没有设置来自apache的环境变量。我该如何设置？根据文档，我必须添加 newArgs（因为我的选项是数组）“APPLICATION_ENV=development”。但是如果在逗号之后添加这个，我会得到错误：“无法打开输入文件：APPLICATION_ENV=development”

我当前的 gulfile：

});

如何让 css 文件在浏览器中更新，如 livereload，但让 php 文件触发完全重新加载？我的 gulpfile 中的所有其他内容都在工作，但在 gulp.dest 之后似乎没有发生任何事情。没有错误，我的控制台中的输出是：

gulpfile.js

我尝试了许多代码变体，但 home.html 只加载一次，当我更改 css 文件夹中的 Style.css 文件时，它不会自动重新加载。我试过这个

和

和

任何想法请我做错了什么？

我在 gulpfile.js 文件中有以下代码

我想将 browserSync 添加到这个文件中。此处的示例仅包含 sass 插件。我需要添加以下内容

• Uglify & concat JS 和 CSS 文件。
• BrowserSync 来更新我的 html 文件。

我该如何实现上述内容？

页面在更改后向上滚动（包括 css 中的更改）。

在 css 更改后，我看到通知“Injected: style.css”。
使用 Firefox、Gulp 3.9.1 和 Browser-sync 2.18.13。

Browsersync 流对我不起作用。

我从官方文档中复制了示例，但它不起作用。重新加载 html 和 js 文件工作正常。只有 sass 流是行不通的。我已经阅读了 github 上的所有问题，但找不到我的问题的答案。

我不知道如何使用 gulp -watch监视新文件并在使用browserSync 时应用gulp -image ...当我在图像文件夹 (./fixtures/*) 中添加新图像时，什么也没有发生。我会在命令行中手动执行此操作，但我必须关闭我的 browserSync（这不是一个真正可行的解决方案）。所以......这就是我的 gulpfile.js 的样子：

Could you please point me in the right direction to solve this inconsistence?

I'm working in a new project using Node, gulp and a list of gulp's plugins. Everytime I do Ctrl + S the browser does reload but I don't see the changes applied so I need to Ctrl + S again to see them. This second time the browser reloads again displaying the changes.

This is happening with any of my html, scss or js files under my source directory.

I'm working on Windows 10 using Visual Studio Code and everything works fine except for this.

My gulpfile.js content is the following:

Any help will be very appreciated.

Thank you and have a good one.