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

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

阅读 3.9k
3 个回答

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

gulp插件
gulp-rev gulp-rev-collector

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题