17
मैं & को सभी बीवर पैकेज संपत्तियों को कम करने की कोशिश कर रहा हूं जिसमें सीएसएस शामिल है। उनमें से एक बूटस्वाच डिजाइन है और यह Google फोंट आयात करता है। समस्या यह है कि, उस पर सीएसएस कार्यों को चलाने के परिणामस्वरूप टाइमआउट अपवाद होता है। मुझे लगता है कि यह उन फ़ॉन्ट्स को डाउनलोड करने का प्रयास कर रहा है और इसमें बहुत समय लगता है क्योंकि अपवाद हर बार नहीं होता है।सीएसएस खनन के साथ रिमोट फ़ॉन्ट आयात
मैं इसे हल करने के बारे में कैसे जाउंगा?
Gulp आयात:
var gulpMinifyCss = require('gulp-minify-css');
var gulpConcatCss = require('gulp-concat-css');
var mainBowerFiles = require('main-bower-files');
var gulpFilter = require('gulp-filter');
Gulp कार्य:
gulp.task('compileBowerCss', function(){
return gulp
.src(mainBowerFiles())
.pipe(gulpFilter('*.css'))
.pipe(gulpConcatCss('bower.css'))
.pipe(gulpMinifyCss())
.pipe(gulp.dest(assetsFolder + cssFolder));
});
अपवाद:
events.js:85
throw er; // Unhandled 'error' event
^
Error: Broken @import declaration of "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" - timeout
अकेले इस कार्य चल रहा है और कुछ नहीं हमेशा ठीक काम करता है (जहाँ तक मैं बता सकता हूँ सीमा परीक्षण के साथ), लेकिन इसे अन्य कार्यों के साथ संयोग में चलाने के परिणामस्वरूप त्रुटि में परिणाम।
एक ही मुद्दा जब मैं Bootswatch उपयोग कर रहा हूँ शुद्ध बूटस्ट्रैप –
यहाँ हल के बजाय: http://stackoverflow.com/questions/32001352/gulp-sass-compiles-google-fonts-css-into-the- फ़ाइल-ब्रेक-प्रोटोकॉल-सापेक्ष-लिंक? rq = 1 –
FYI gulp-minify-css [बहिष्कृत] [https://www.npmjs.com/package/gulp-minify-css) के पक्ष में [gulp- स्वच्छ-सीएसएस] (https://github.com/scniro/gulp-clean-css) – scniro