я просто скопировал образец в https://www.npmjs.com/package/gulp-autoprefixer после установки gulp
и gulp-autoprefixer
:autoprefixer не префикс @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'));
});
и я следующий в моем a.css
:
@keyframes x {
from { left: 0; }
to { left: 100%; }
}
после того как я gulp
, я получаю a.css
в убыв, но с тот же самый код, что и оригинал. Нет -webkit-
, но с http://caniuse.com/#search=keyframes он должен быть префиксом для Android Browser, который является моим целевым устройством.
Я что-то не хватает?
На странице caniuse в столбце Android Browser, с 4.3-4.4.4, на нем есть значок «-», говорящий «поддерживается префикс -webkit-», вы видели его? –
О, перед вашим ответом я уже пробовал «последнюю 6 версию» и возился с другими вариантами, но это просто не работает. Увидев ваш ответ, я возвращаюсь, чтобы повторить попытку, чтобы доказать, что вы не правы, но на этот раз это работает! Удивляюсь, как я не получил его за эти 2 часа. Спасибо. –
И, как я уже пробовал, достаточно «последней 3 версии», которая соответствует данным на странице caniuse. Страница указывает, что для Android 5 и 6 не нужен префикс. –