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

【问题标题】：versioning css and js files using gulp使用 gulp 对 css 和 js 文件进行版本控制
【发布时间】：2018-07-03 00:29:52
【问题描述】：

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

谢谢

【问题讨论】：

标签： gulp-rev

【解决方案1】：

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

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

那么下次你吞下链接时说：

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

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

【讨论】：