घूंट-सास फ़ाइल में गूगल फ़ॉन्ट्स सीएसएस संकलित, टूट जाता है प्रोटोकॉल-संबंधी लिंक

Question

जब मैं अपने .scss फ़ाइल में निम्न कोड का उपयोग

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

एस.ए.एस.एस. पार्सर मैं का उपयोग करें (gulp-sass NodeJS) खुशी से डाउनलोड करता है कहा गया स्थान से फ़ाइल और इसे संकलित आउटपुट में सादा पाठ के रूप में शामिल किया गया है।

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

समस्या है, मेरी साइट HTTPS का उपयोग करता है, और जब फ़ाइल संकलक द्वारा अनुरोध किया जाता है, यह HTTP का उपयोग कर फ़ाइल को हासिल करेगा और के रूप में वापस जवाब में जैसे URL भी कर रहे हैं:

यहाँ मेरी Gulpfile है HTTP जिसके परिणामस्वरूप कंसोल भरने वाली चेतावनियों का भार होता है, जबकि फोंट लोड नहीं होते हैं।

क्या कोई तरीका है कि मैं संकलक को अकेले उस पंक्ति को छोड़ने के लिए कह सकता हूं?

Answer 1

यह समस्या gulp-sass के साथ नहीं थी, लेकिन gulp-minify-css के साथ जो प्रस्तुत की गई सीएसएस फ़ाइलों का संपीड़न था।

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: समाधान {processImport: false}minify को पारित करने के लिए है। मैं यूआरएल को HTTPS पर सेट करने और इसे इस तरह से छोड़ने का सुझाव दूंगा।