gulp+browserSync为什么能刷新页面?

发布于 2022-09-04 23:30:29 字数 862 浏览 16 评论 0

控制台会提示Reloading Browsers,但是浏览器并没有刷新,下面是代码。
index.html:

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>111</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
     <div>
        123456789
     </div>
  </body>
</html>

gulpfile.js:

var gulp = require("gulp");
var browserSync = require("browser-sync").create();
var reload = browserSync.reload;

gulp.task("default", ["serve"]);

//监听
gulp.task('serve', function() {

    browserSync.init({
        server: "./"
    });

    gulp.watch("/*.html").on('change', reload);
});

gulpfile.js与index.html在同级目录.

版本:

"gulp": "^3.9.1",
"browser-sync": "^2.18.8",

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

农村范ル 2022-09-11 23:30:29

改成这样就好使了。

var gulp = require("gulp");
var browserSync = require("browser-sync").create();
var reload = browserSync.reload;

gulp.task("default", ["serve"]);

//监听
gulp.task('serve', function() {

    browserSync.init(["./index.html"],{
        server: "./"
    });
});
违心° 2022-09-11 23:30:29

莫非是这里少了个点

   browserSync.init({
        server: "/"
    });

改成

   browserSync.init({
        server: "./"
    });
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文