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