我正在尝试合并和压缩所有bower包(包括CSS)的资产。其中一个是Bootswatch设计,它导入谷歌字体。问题是,在其上运行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
只有运行这个任务本身,不和其他任务一起运行时,似乎总是正常工作的(经过限制测试),但如果与其他任务一起运行,则会出现上述错误。