gulp - 如何给图片文件加hash后缀并在js,css里面做相关替换？

问题描述

问 题

为了保证图片不被缓存，每次发布时需要将图片名加hash后缀，并在相关的css, js文件里面做替换。

CSS和JS可以用'gulp-rev'和'gulp-rev-replace'来做动态添加文件名后缀，并在index.html里面做文件名替换。这个已经实现。

那么，利用gulp构建工具，应该怎么支持图片hash后缀呢？

求大神解答！！！！
万分感谢！！！

解决方案

可以使用gulp-rev实现hash,然后使用gulp-replace来正则匹配css或者html中的图片地址然后替换

可能参考我平时写的一个完全自动化构建的demo:
https://github.com/wungqiang/fe-skeleton

这篇关于gulp - 如何给图片文件加hash后缀并在js,css里面做相关替换？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！