简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 前端代码打包压缩以后图片名称对应不上怎么解决？（打包工具使用的是grunt或者gulp）
迷茫
迷茫 2017-04-11 13:33:15
0
3
358

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

迷茫
迷茫

业精于勤，荒于嬉;行成于思，毁于随。

répondre à tous (3)
洪涛
洪涛2017-04-11 13:35:15 3 plancher

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

Comme+0
Ajouter une réponse
    大家讲道理
    大家讲道理2017-04-11 13:35:15 2 plancher

    gulp插件
    gulp-rev gulp-rev-collector

    Comme+0
    Ajouter une réponse
      Ty80
      Ty802017-04-11 13:35:15 1 plancher

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

      Comme+0
      Ajouter une réponse
        Sujets populaires
        Plus>
        Articles populaires
        Tutoriels populaires
        Plus>
        Tutoriels associés
        Recommandations populaires
        Derniers cours
        Derniers téléchargements
        Plus>
        effets Web
        Code source du site Web
        Matériel du site Web
        Modèle frontal
        À propos de nous Clause de non-responsabilité Sitemap
        Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！