前端代码打包压缩以后图片名称对应不上怎么解决?(打包工具使用的是grunt或者gulp)
比如,图片打包以后的名字为privilege_preview_img.b24d2132.png,但是html、css或者JS的图片名还是privilege_preview_img.png,没有后面那串哈希字符串,所以图片找不到,这个应该怎么解决啊?按理来说grunt和gulp打包的时候应该会自动对应上才对啊?麻烦哪位大神解答一下,谢谢!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
那是因为你打包将静态资源的文件名编码了
如使用gulp工具
gulp-rev插件的作用就是将静态资源的文件名md5,会生成一个映射表,json文件。
gulp-rev-collector插件的作用就是替换文件路径名,如将html里面引用的app.js替换成已经md5过的文件,如替换成app-12312312.js。
gulp插件
gulp-rev gulp-rev-collector
会匹配的,只要用对了正确的插件