gulp-rev - 使用 gulp 对 css 和 js 文件进行版本控制

Question

我们正在向 css 和 js 文件添加版本以进行缓存清除。我已经使用 gulp-rev-manifest 和 gulp-rev-collector 来实现这一点。但是每次我们使用新版本号构建所有更新的文件时，都必须推送到生产环境，这并不理想。有没有其他方法可以做到这一点。

谢谢

Answer 1

您可以修改链接文件的链接以包含版本号，而不是重命名文件。服务这个：

<script type="text/javascript" src="script.js?ver=1"></script>

然后下次你吞下链接时说：

<script type="text/javascript" src="script.js?ver=2"></script>

通过附加一个新的参数字符串，您可以覆盖浏览器缓存。这可以在每个 gulp 上完成，浏览器将从服务器获取文件。您无需为每个新部署上传所有文件。

gulp：自动为请求添加版本号以防止浏览器缓存