css - critical - minificar online

Importaciones de fuentes remotas con minificación css

Question

Estoy tratando de concatenar y minimizar todos los activos del paquete Bower incluyendo css. Uno de ellos es el diseño de bootswatch e importa fuentes de google. El problema es que la ejecución de tareas css en él produce una excepción de tiempo de espera. Supongo que está intentando descargar esas fuentes y toma demasiado tiempo ya que no se produce una excepción cada vez.

¿Cómo voy a resolverlo?

Importaciones de 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 tarea:

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

Excepción:

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

Ejecutar esta tarea solo y nada más funciona bien siempre (por lo que puedo decir con pruebas de límite), pero ejecutarlo junto con otras tareas produce un error mencionado.

Answer 1

Intente localizar su fuente con npm: https://libraries.io/npm/roboto-font

Answer 2

Yo mismo error. Solución: pase processImport: opción falsa para minifyCss pipe.

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