Grunt (Yeoman, Grunt-usemin, Grunt-rev): il percorso del carattere "rev" non si riflette nel mio .CSS?

Question

Sfondo

Sto usando la webapp di Yeoman per impalcatura il mio frontend. All'interno del gruntfile, usano grunt-rev e grunt-usemin

Grunt-rev "rivedrà" i miei asset e grunt-usemin aggiornerà il percorso degli asset.

---

Problema

Ho un webfont che sto usando. Ho collocato la cartella dei caratteri nella mia directory degli stili come menzionato nel file gruntfile.js ('styles/fonts /{,/}.*') Grunt serve sta mostrando i miei font correttamente ma dopo che ho costruito il file, non funziona più perché il il nome del file del font è stato preceduto da alcuni caratteri bizzarri. es .: 63b122ab.fontname.ttf invece di fontname.ttf

Questo è per busting della cache. Ma il mio file .css non sta aggiornando il percorso per raccoglierlo.

Nel mio blocco usemin entro gruntfile.js

Cosa devo fare? Ho questo al momento ma non funziona.

usemin: { 
    options: { 
    assetsDirs: ['<%= config.dist %>', '<%= config.dist %>/images', '<%= config.dist %>/styles/fonts'] 
    }, 
    html: ['<%= config.dist %>/{,/}.html'], 
    css: ['<%= config.dist %>/styles/{,/}.css'] 
}, 

Raccoglie tutto ma non i caratteri. Ho creato manualmente la cartella dei caratteri. Quindi immagino che gruntfile.js debba essere aggiornato per riflettere il cambiamento.

Answer 1

Ho avuto lo stesso problema con grunt nel file css. Ho cambiato la usemin config in Gruntfile.js in questo modo:

usemin: { 
    html: ['<%= yeoman.dist %>/<%= yeoman.client %>/{,!(bower_components)/**/}*.html'], 
    css: ['<%= yeoman.dist %>/<%= yeoman.client %>/!(bower_components){,*/}*.css'], 
    js: ['<%= yeoman.dist %>/<%= yeoman.client %>/!(bower_components){,*/}*.js'], 
    options: { 
    assetsDirs: [ 
     '<%= yeoman.dist %>/<%= yeoman.client %>', 
     '<%= yeoman.dist %>/<%= yeoman.client %>/assets/images' 
    ], 
    // This is so we update image and font references in our ng-templates 
    patterns: { 
     js: [ 
     [/(assets\/images\/.*?\.(?:gif|jpeg|jpg|png|webp|svg))/gm, 'Update the JS to reference our revved images'] 
     ], 
     css: [ 
     [/(assets\/images\/.*?\.(?:gif|jpeg|jpg|png|webp|svg))/gm, 'Update the CSS to reference our revved images'], 
     [/(assets\/fonts\/.*?\.(?:woff|ttf|svg|eot))/gm, 'Update the CSS to reference our revved fonts'] 
     ] 
    } 
    } 
}