Remote-Schriftart importiert mit CSS-Minification

Question

Ich versuche zu verketten & minimieren Sie alle Bower-Paket-Assets einschließlich CSS. Einer von ihnen ist Bootswatch Design und es importiert Google Fonts. Problem ist, dass das Ausführen von CSS-Tasks zu einer Timeout-Ausnahme führt. Ich schätze, es versucht, diese Schriftarten herunterzuladen, und es dauert zu lange, da die Ausnahme nicht jedes Mal auftritt.

Wie würde ich es lösen?

Gulp Importe:

var gulpMinifyCss = require('gulp-minify-css'); 
var gulpConcatCss = require('gulp-concat-css'); 
var mainBowerFiles = require('main-bower-files'); 
var gulpFilter = require('gulp-filter'); 

Gulp Aufgabe:

gulp.task('compileBowerCss', function(){ 
    return gulp 
     .src(mainBowerFiles()) 
     .pipe(gulpFilter('*.css')) 
     .pipe(gulpConcatCss('bower.css')) 
     .pipe(gulpMinifyCss()) 
     .pipe(gulp.dest(assetsFolder + cssFolder)); 
}); 

Ausnahme:

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 

diese Aufgabe alleine laufen und sonst nichts funktioniert immer in Ordnung (soweit ich das sagen kann, mit Limit-Tests), aber die Ausführung in Verbindung mit anderen Aufgaben führt zu dem erwähnten Fehler.

Answer 1

würde ich denselben Fehler. Lösung: pass processImport: false Option zu minifyCss Rohr.

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

Answer 2

Versuchen Sie, Ihre Schrift mit npm lokalisierende: https://libraries.io/npm/roboto-font