远程字体导入与css缩小

我想连接&缩小包括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.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

单独运行这个任务,没有别的工作正常(只要我可以用极限测试来判断),但是与其他任务结合运行会导致提到的错误.

解决方法

我也是同样的错误.解决方法：将processImport：false选项传递给minifyCss管道.

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

原文地址：https://www.jb51.cc/css/216922.html