Question

我在前端开发方面非常新，我需要强制浏览器每次发布新版本的应用程序前端时刷新缓存。浏览互联网我已经看过这个gulp插件，gulp-cache-bust，但我不确定如何使用它，没有太多关于它的信息。我需要它来应用于所有.css .js .png文件。我知道我必须在我的gulpfile.js中添加类似下面的内容，但是以这个部分.pipe(gulp.dest('./dist'));为例我有疑问。最简单的方法是什么？

var cachebust = require('gulp-cache-bust');

gulp.src('./dist/*/*.html')
    .pipe(cachebust({
        type: 'timestamp'
    }))
    .pipe(gulp.dest('./dist'));

Answer 1

我不确定gulp插件，但您是否只是在浏览器中以隐身模式开发以删除缓存？

如果您正在讨论向用户分发新文件，我建议您使用Service Worker。这不仅可以一举两得（快速运行应用程序，离线功能等），但您也可以通知用户您对dist所做的更改，并且他们可以在完成后手动接受更改，或者关闭浏览器，新的更改将在下次重新加载时发生。

强制浏览器清除缓存 - gulp-cache-bust

1 个答案: