2015-08-14 45 views
5

yudum-küstahlık benim <code>.scss</code> dosyasında aşağıdaki kodu kullandığınızda protokole bağlı bağlantı

@import url('//fonts.googleapis.com/css?family=SomeFont:400,700,400italic'); 

I (gulp-sass nodejs) kullanan SUKDÖ'nün ayrıştırıcı mutlu indirir kırar, dosyaya Google Yazı CSS derler Söz konusu konumdan dosya ve derlenmiş çıktıda düz metin olarak içerir. döndürülen yanıt olarak bu tür URL'lerin de olduğu gibi sitemde HTTPS kullanır

var gulp = require('gulp'), 
    sourcemaps = require('gulp-sourcemaps'), 
    autoprefixer = require('gulp-autoprefixer'), 
    minify = require('gulp-minify-css'), 
    rename = require('gulp-rename'), 
    sass = require('gulp-sass'), 
    uglify = require('gulp-uglify'), 
    plumber = require('gulp-plumber'); 

gulp.task('sass', function() { 
    gulp.src('www/sass/*.scss') 
     .pipe(plumber(function(err){ 
      console.log(err); 
      this.emit('end'); 
     })) 
     .pipe(sourcemaps.init()) 
      .pipe(sass({ 
       outputStyle: 'expanded', 
       errLogToConsole: true, 
      })) 
      .pipe(autoprefixer('last 2 version')) 
      .pipe(rename({suffix: '.min' })) 
      .pipe(minify()) 
     .pipe(sourcemaps.write('.')) 
     .pipe(gulp.dest('www/css')); 
}); 

Sorun ve dosya derleyici tarafından istendiğinde, bu HTTP kullanarak dosyayı getirir ve: İşte

benim Gulpfile var HTTP, yazı tipleri yüklenmezken konsolu dolduran bir sürü uyarıyla sonuçlanır.

Derleyiciye bu satırı yalnız bırakmak için herhangi bir yol var mı?

+0

Yeniden üretilemiyor, sorununuz Sass ile değil: http://sassmeister.com/gist/7651112d36e67a3cee8d – cimmanon

cevap

13

sorunu ancak render CSS dosyalarının sıkıştırma yaptığımız gulp-minify-css ile gulp-sass kendisiyle değildi.

gulp.task('sass', function() { 
    gulp.src('www/sass/*.scss') 
     .pipe(plumber(function(err){ 
      console.log(err); 
      this.emit('end'); 
     })) 
     .pipe(sourcemaps.init()) 
      .pipe(sass({ 
       outputStyle: 'expanded', 
       errLogToConsole: true, 
      })) 
      .pipe(autoprefixer('last 2 version')) 
      .pipe(rename({suffix: '.min' })) 

      // Here 
      .pipe(minify({processImport: false})) 

     .pipe(sourcemaps.write('.')) 
     .pipe(gulp.dest('www/css')); 
}); 
+1

Bu çözüm için diğer birçok alternatifi denedim, çünkü font css'nin minified css dosyasında satır içi olmasını istedim. Ayrıca zaman aşımına uğramadan ithalatı kabul eden başka bir web sitesi vardı. Ancak, bu, benim bir davam için çalışan tek çözüm oldu. Çok tuhaf ama yine de öyleydi. Bazı google font içe aktarmalarının neden zaman aşımına uğramadığını ve diğerlerinin neden yapıldığını bilmek isterim. – KoldBane