browser-sync - gulp+browserSync为什么能刷新页面？
本文介绍了browser-sync - gulp+browserSync为什么能刷新页面？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
控制台会提示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",解决方案
改成这样就好使了。
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: "./"
});
});这篇关于browser-sync - gulp+browserSync为什么能刷新页面？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
