前端代码打包压缩以后图片名称对应不上怎么解决?(打包工具使用的是grunt或者gulp)

比如,图片打包以后的名字为privilege_preview_img.b24d2132.png,但是html、css或者JS的图片名还是privilege_preview_img.png,没有后面那串哈希字符串,所以图片找不到,这个应该怎么解决啊?按理来说grunt和gulp打包的时候应该会自动对应上才对啊?麻烦哪位大神解答一下,谢谢!

那是因为你打包将静态资源的文件名编码了
如使用gulp工具
gulp-rev插件的作用就是将静态资源的文件名md5,会生成一个映射表,json文件。
gulp-rev-collector插件的作用就是替换文件路径名,如将html里面引用的app.js替换成已经md5过的文件,如替换成app-12312312.js。

gulp插件
gulp-rev gulp-rev-collector

会匹配的,只要用对了正确的插件

发表评论

电子邮件地址不会被公开。 必填项已用*标注