css を含むすべての bower パッケージ アセットを連結および縮小しようとしています。そのうちの 1 つがブーツウォッチ デザインで、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
このタスクを単独で実行すると、(制限テストでわかる限り) 常に正常に動作しますが、他のタスクと組み合わせて実行すると、前述のエラーが発生します。