使用css缩小的远程字体导入

我正在尝试连接并缩小所有bower包资产，包括css。其中之一是bootswatch设计，它导入谷歌字体。问题是，在其上运行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

---

单独运行此任务，其他任何任务都无法正常工作（据我所知，极限测试），但与其他任务一起运行会导致上述错误。

尝试使用npm本地化字体：

我有相同的错误。解决方案：通过processImport:false选项缩小FYCSS管道

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

---

同样的问题，当我使用bootswatch而不是纯bootstrapsolved在这里：仅供参考，gulpminifycss一直支持拯救我的一天。谢谢。不幸的是，它删除了预取导入的功能，因此它不必在页面加载时执行：-\。但是谢谢你的指点，def补丁