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

Question

我是前端开发的新手，每次发布新版本的应用程序前端时，都需要强制浏览器刷新缓存。 浏览Internet我已经看到了这个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所做的更改，并且可以在更改完成后手动接受更改，或者用一条石头杀死两只鸟。关闭浏览器，新的更改将在下次重新加载时进行。