Удаленный импорт шрифтов с уменьшением CSS

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

Как бы я решил это?

Импорт глотка:

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

Задание глотка:

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

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

Источник

2 ответа

Решение

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

.pipe(gulpMinifyCss({processImport: false}))
Источник

Попробуйте локализовать ваш шрифт с помощью npm: https://libraries.io/npm/roboto-font

Источник
Другие вопросы по тегам