autoprefixer 没有为 @keyframes 添加前缀？

Question

安装 gulp 和 gulp-autoprefixer 后，我刚刚在 https://www.npmjs.com/package/gulp-autoprefixer 复制了示例：

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 之后，我在 desc 中得到 a.css，但代码与原始代码完全相同。没有添加 -webkit-，但从 http://caniuse.com/#search=keyframes 开始，它应该为 Android 浏览器添加前缀，这是我的目标设备。

我是不是漏掉了什么？

Answer 1

caniuse 站点指定支持关键帧回到 4.3，无需前缀。

在 gulp 中，您已指定为浏览器的最后 2 个版本添加前缀。意思是前缀将基于之前两个版本的浏览器制定的规则：

browsers: ['last 2 versions']

如果您想从更早的版本中支持 Android，请使用 autoprefixer 模块中的浏览器选项：

browsers: ['last 5 versions']

autoprefixer 没有为 @keyframes 添加前缀？

autoprefixer not prefixing @keyframes?

css

gulp

autoprefixer

gulp-autoprefixer