schluck-Sass stellt Google Fonts CSS in die Datei, bricht protokoll relativen Link

Question

Wenn ich den folgenden Code in meiner .scss Datei verwenden

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

die SASS-Parser I (NodeJS gulp-sass) verwenden gerne die Downloads Datei von diesem Ort und enthält sie als Klartext in der kompilierten Ausgabe.

Hier ist meine Gulpfile:

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')); 
}); 

Problem ist, meine Seite HTTPS verwendet, und wenn die Datei vom Compiler angefordert wird, holt er die Datei HTTP und als solche die URLs in der zurückgegebenen Antwort unter Verwendung auch sind HTTP was zu einer Menge von Warnungen führt, die die Konsole füllen, während die Schriften nicht geladen werden.

Gibt es eine Möglichkeit, dem Compiler zu sagen, diese Zeile in Ruhe zu lassen?

Answer 1

Das Problem war nicht mit gulp-sass selbst, aber mit gulp-minify-css, die die Komprimierung der gerenderten CSS-Dateien. Die Lösung ist {processImport: false}-minify passieren:

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')); 
}); 

Answer 2

Protocol relative URLs are now discouraged. Ich würde vorschlagen, die URL auf HTTPS zu setzen und es so zu lassen.