Gulp 通过实时重新加载吞下JS-重新加载的是什么

我正在用gulp.js和Livereload的Chrome扩展测试Livereload。我的gulpfile.js

//gulpfile.js
var gulp=需要（'gulp'），
livereload=require（'gulp-livereload'）；
吞咽任务（'watch'，function（）{
var server=livereload（）；
gulp.watch（['dist/**'））.on（'change'，函数（文件）{
server.changed（file.path）；
});
});

在

dist

文件夹中，有5个文件

index.html

（主页）

app.css

（css链接自index.html）

app.js

（从index.html链接的javascript）

include.html

（index.html中包含angularjs部分ng）

unrelated.html

（index.html或任何其他文件不使用）

当我编辑任何文件时，浏览器会完全重新加载index.html，导致状态丢失。例如，文本输入中输入的任何内容都将被擦除。唯一的例外是当我编辑css文件时

虽然我理解并期望在编辑（1）时重新加载整个页面，并且在编辑（2）时只注入CSS而不重新加载整个页面，但我不确定这是否是（3）、（4）和（5）的预期行为。特别是（5）

试验重新加载
实时重新加载
测试CSS



{{contact}

我的问题是：

是否预期会出现这种行为？i、 e.只有编辑样式才会导致样式更新，而不会重新加载整页。所有其他编辑将导致完全重新加载

---

我做错什么了吗？如何正确使用livereload？

以防仍需要答案

发件人：

CSS编辑和图像更改将实时应用

咖啡脚本、SASS、LESS和其他方法都很有效

及

更改CSS文件或图像时，浏览器会立即更新，而无需重新加载页面

所以是的，如果我们更改.css和图像，只有这些文件被刷新。在其他情况下，整个页面会被重新加载。对于.js来说，这似乎很自然，因为有些代码应该在页面加载时甚至之前运行；JS可以“绘制”新元素，而livereload服务器将不知道在.JS被更改时要重新绘制什么和保留什么