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

发布于
2017-05-24

控制台会提示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",

gulp browser-sync

阅读 3.5k

2 个回答

l_rain

✓ 已被采纳

改成这样就好使了。

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: "./"
    });
});

panda

933717

发布于
2017-05-24

莫非是这里少了个点

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

改成

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

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进