Подтвердить что ты не робот

Удаленный импорт шрифтов с помощью css minification

Я пытаюсь объединить и минимизировать все активы пакетного пакета, включая css. Один из них - дизайн bootswatch, и он импортирует шрифты Google. Проблема в том, что выполнение задач css при этом приводит к исключению тайм-аута. Я предполагаю, что он пытается загрузить эти шрифты, и это занимает слишком много времени, поскольку исключение не происходит каждый раз.

Как я могу это решить?

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

Выполнение этой задачи в одиночку, и ничто другое не работает отлично (насколько я могу судить с предельным тестированием), но запуск его в сочетании с другими задачами приводит к указанной ошибке.

4b9b3361

Ответ 1

У меня была такая же ошибка. Решение: передайте processImport: false параметр minifyCss pipe.

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