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屋!
查看全文