gulp-connect 如何实现livereload界面自动刷新？
目的：使用gulp-connect实现, 监听html/css/js等文件如有变化, 界面即时自动刷新。
测试：我通过https://www.npmjs.com/package/gulp-connect官网demo例子代码未能实现，需要自己手动F5刷新。
项目目录：
gulpfile.js代码：
var gulp = require('gulp'),
connect = require('gulp-connect');
gulp.task('connect', function() {
connect.server({
root: 'app',
port: 8000,
livereload: true
});
});
gulp.task('html', function () {
gulp.src('./app/*.html')
.pipe(connect.reload());
});
gulp.task('watch', function () {
gulp.watch(['./app/*.html'], ['html']);
});
gulp.task('default', ['connect', 'watch']);index.html代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
s
</body>
</html>请问各位大大，那里错了或者那里需要调整吗？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论