2016-07-04 12 views
0

ich kopiert nur die Probe bei https://www.npmjs.com/package/gulp-autoprefixer nachdem ich gulp und gulp-autoprefixer installiert:autoprefixer nicht vor @keyframes?

var gulp = require('gulp'); 
var autoprefixer = require('gulp-autoprefixer'); 

gulp.task('default', function() { 
    return gulp.src('src/a.css') 
     .pipe(autoprefixer({ 
      browsers: ['last 2 versions'], 
      cascade: false 
     })) 
     .pipe(gulp.dest('dest')); 
}); 

und ich habe folgende in meinem a.css:

@keyframes x { 
    from { left: 0; } 
    to { left: 100%; } 
} 

nachdem ich gulp, erhalte ich a.css in ab, aber mit der exakt gleiche Code wie das Original. No -webkit- wird hinzugefügt, aber von http://caniuse.com/#search=keyframes sollte es für den Android Browser, der mein Zielgerät ist, vorangestellt werden.

Fehle ich etwas?

Antwort

1

Die Caniuse-Site gibt an, dass Keyframes bis Version 4.3 unterstützt werden, ohne dass ein Präfix erforderlich ist.

In Schluck haben Sie angegeben, dass Präfix für die letzten 2 Versionen von Browsern auftreten sollte.

browsers: ['last 2 versions'] 

Wenn Sie Android unterstützt von einer viel früheren Version sollen dann mit der Browser-Option im autoprefixer Modul rumspielen: Bedeutung Vorfixierung wird auf Regeln, die von Browsern festgelegten aus zwei Versionen vorherigen basiert

browsers: ['last 5 versions'] 
+0

Von der Caniuse-Seite, in der Android-Browser-Spalte, von 4.3-4.4.4, hat es ein '-' Symbol darauf, sagen "unterstützt mit Präfix -webkit-", hast du es gesehen? –

+0

Oh, vor deiner Antwort habe ich schon 'last 6 version' ausprobiert und mit anderen Optionen herumgespielt, aber es funktioniert einfach nicht. Ich sehe deine Antwort und gehe zurück, um es noch einmal zu versuchen, nur um zu beweisen, dass du falsch liegst, aber dieses Mal funktioniert es! Ich frage mich, wie ich es in diesen 2 Stunden nicht bekommen habe. Vielen Dank. –

+0

Und wie ich es versucht habe, ist "letzte 3 Version" genug, die die Daten in caniuse Seite erfüllt. Die Seite gibt an, dass Android 5 und 6 kein Präfix benötigen. –