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

发布于 2022-09-04 01:36:40 字数 176 浏览 17 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

半葬歌 2022-09-11 01:36:40

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

最冷一天 2022-09-11 01:36:40

gulp插件
gulp-rev gulp-rev-collector

猫性小仙女 2022-09-11 01:36:40

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文