17
Sto tentando di concatenare & e ridimensionare tutti gli asset del pacchetto bower compresi i css. Uno di questi è il design di bootswatch e importa i font di google. Il problema è che l'esecuzione di attività CSS su di esso genera un'eccezione di timeout. Sto indovinando che sta cercando di scaricare quei tipi di carattere e ci vuole troppo tempo in quanto l'eccezione non si verifica ogni volta.Importazione di caratteri remoti con minificazione css
Come risolvere il problema?
importazioni Gulp: attività
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));
});
Eccezione:
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
L'esecuzione di questo compito da solo e nient'altro funziona bene sempre (per quanto posso dire con test limite), ma eseguirlo in combinazione con altri compiti provoca errori menzionati.
stesso problema quando sto usando bootswatch invece di pura bootstrap –
risolto qui: http://stackoverflow.com/questions/32001352/gulp-sass-compiles-google-fonts-css-into-the- file-breaks-protocol-relative-link? rq = 1 –
FYI gulp-minify-css è stato [deprecato] (https://www.npmjs.com/package/gulp-minify-css) in favore di [gulp- clean-css] (https://github.com/scniro/gulp-clean-css) – scniro