我使用浏览器同步和吞咽来重新加载我的页面在我的项目中的每一个文件的变化。它的一半工作:有时我必须ctrl+F5在我的页面上的变化要显示,然后我只需要保存下一个变化和浏览器同步重新加载就足够了。这里我的代码:
var cache = require('gulp-cache');
var browserSync = require('browser-sync').create();
gulp.task('browser-sync', function() {
browserSync.init({
injectChanges: true,
proxy: "http://localhost:8888/project/source/"
});
gulp.watch("source/**/*").on("change", function(e) {
cache.clearAll();
return gulp.src(e.path)
.pipe(browserSync.reload({stream: true}));
});
});
我希望浏览器刷新我的项目上的每一个更改(每个文件夹/子文件夹中的每个文件)。
我认为流参数为true,找到了另一个主题就可以完成工作,但是我仍然拥有相同的problem...And,gulp清除缓存不会改变任何事情。
在每次保存时,我的页面都会刷新,但是更改并不总是显示出来的,所以我必须使用ctrl+F5进行硬刷新。
这是一个小项目,所以我不想用webpack。在MAMP服务器上。
知道吗?
发布于 2018-06-25 11:17:53
最有可能的罪魁祸首是资产缓存。硬重新加载可以从浏览器中删除任何缓存的数据,还可以注销服务工作人员、indexeddb等。
进入devtools,单击“应用程序”选项卡,选择“服务工作人员”,并选中“重新加载的更新”框。我非常肯定这会在页面刷新中进行艰难的重新加载。
https://stackoverflow.com/questions/51025553
复制相似问题