javascript - 前端代码打包压缩以后图片名称对应不上怎么解决？（打包工具使用的是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。

这篇关于javascript - 前端代码打包压缩以后图片名称对应不上怎么解决？（打包工具使用的是grunt或者gulp）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！