ग्रंट (यमन, ग्रंट-यूसेमिन, ग्रंट-रेव): "reveded" फ़ॉन्ट पथ मेरे सीएसएस में दिखाई नहीं देता है?

Question

पृष्ठभूमि

मैं अपने फ्रंटेंड को मचान करने के लिए यमन वेबपैप का उपयोग कर रहा हूं। gruntfile के भीतर, वे grunt-rev और grunt-usemin

ग्रंट-रेव मेरी संपत्तियों को "संशोधित" करेगा और ग्रंट-यूज़िन संपत्ति पथ को अपडेट करेगा।

---

समस्या

मैं एक webfont है कि मैं का उपयोग कर रहा है। मैंने gruntfile.js ('शैलियों/फ़ॉन्ट्स /{,/}.*') में उल्लिखित अनुसार मेरी शैलियों निर्देशिका में फ़ॉन्ट्स फ़ोल्डर रखा है। ग्रंट सेवा मेरे फ़ॉन्ट्स को ठीक से दिखा रही है लेकिन फ़ाइल बनाने के बाद, यह अब काम नहीं करता है क्योंकि यह अब काम नहीं करता है फ़ॉन्ट फ़ाइल नाम कुछ अजीब gibberish पात्रों के साथ prefixed किया गया है। उदाहरण: fontname.ttf

के बजाय 63b122ab.fontname.ttf यह कैश बस्टिंग के लिए है। लेकिन मेरी .css फ़ाइल इसे लेने के लिए पथ अपडेट नहीं कर रही है।

gruntfile.js

भीतर मेरे usemin ब्लॉक में मुझे क्या करना चाहिए? मेरे पास यह वर्तमान में है लेकिन यह काम नहीं कर रहा है।

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

यह सबकुछ उठा रहा है लेकिन फोंट नहीं। मैंने मैन्युअल रूप से फोंट फ़ोल्डर बनाया है। तो मैं अनुमान लगा रहा हूं कि gruntfile.js को प्रतिबिंबित करने के लिए अद्यतन किया जाना है।

Answer 1

मुझे सीएसएस फ़ाइल में गड़बड़ी के साथ एक ही समस्या थी। मैंने Gruntfile.js में usemin config को बदल दिया:

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'] 
     ] 
    } 
    } 
}