远程字体导入与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}))

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效