远程字体导入与css缩小

前端之家收集整理的这篇文章主要介绍了远程字体导入与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.f2er.com/css/216922.html

猜你在找的CSS相关文章