Wie man Bilder in Lenkervorlagen anspricht, wenn die Bilder mit grunt-contrib-imagemin optimiert sind

Question

Ich habe eine Ember App mit Yeoman und Generator-Ember erstellt.

yo ember 

Ich habe meine Lenker Vorlagen in app/Vorlagen und die Bilder in app/Bilder platziert. Wenn ich renne

grunt server 

alles sieht gut aus. Wenn ich renne

alles sieht gut aus statt der Bilder, die ich in meinen Lenkervorlagen adressiert habe. Es scheint, dass die Aufgabe imagemin oder etwas anderes benennt die Bilder von etwas wie images/map.jpg zu etwas wie images/667de70e.map.jpg. Die img-Tags in meiner index.html Datei sind korrigiert. Aber die img Tags in meinen Lenker Dateien wie templates/map.hbs adressieren immer noch den alten Pfad images/map.jpg.

Wie kann ich das Pfadproblem in meinen Lenkerdateien beheben? Gibt es einen Helfer?

Answer 1

Dies ist auf die in Gruntfile.js definierte Aufgabe rev zurückzuführen. Denkt nicht, dass es noch eine einfache Lösung für dieses, so dass ich kommentieren Sie einfach die Zeile für die Umbenennung Bilder:

// Gruntfile.js 
// ... 
rev: { 
    dist: { 
     files: { 
      src: [ 
       '<%= yeoman.dist %>/scripts/{,*/}*.js', 
       '<%= yeoman.dist %>/styles/{,*/}*.css', 
       // '<%= yeoman.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp}', 
       '<%= yeoman.dist %>/styles/fonts/*' 
      ] 
     } 
    } 
} 

Answer 2

beste Erklärung, die ich gefunden habe, ist hier: https://stackoverflow.com/a/20433339/314631

Kurz gesagt, die Grunzen rev Aufgabe funktioniert wie erwartet für css Hintergrundbilder aber nicht für img src attr.