Zdalne importowanie czcionek przy użyciu funkcji css minification

Question

Próbuję połączyć dane o pakietach pakietów, w tym css. Jednym z nich jest projekt butów na buty i importowane czcionki Google. Problem polega na tym, że uruchamianie zadań css powoduje wyjątek timeout. Zgaduję, że próbuje pobrać te czcionki i trwa to zbyt długo, ponieważ wyjątek nie pojawia się za każdym razem.

Jak mógłbym rozwiązać problem?

import haustem: Zadanie

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)); 
}); 

Wyjątek:

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 

Uruchomienie tego zadania sam i nic innego nie działa prawidłowo zawsze (o ile mogę powiedzieć z testowaniem limitów), ale uruchomienie go w połączeniu z innymi zadaniami powoduje wspomniany błąd.

Answer 1

ja bym sam błąd. Rozwiązanie: podanie processImport: false Opcja minifyCss pipe.

.pipe(gulpMinifyCss({processImport: false})) 

Answer 2

Spróbuj lokalizowaniu czcionkę z KMP: https://libraries.io/npm/roboto-font