gulp - gulp-autoprefixer 不起作用

Question

这是我的第一个问题。

节点版本：v4.4.4

包.json

"gulp": "^3.9.1",
"gulp-autoprefixer": "^3.1.0",
"gulp-rename": "^1.2.2",

gulpfile.js

gulp.task('auto', function () {
log("Generate CSS files");
return gulp.src('dev/css/test.css')
    .pipe(autoprefixer({
        browsers: ['last 2 versions'],
        cascade: false
    }))
    .pipe(rename('asd.css'))
    .pipe(gulp.dest('dev/css'));
});

测试.css

p { transition: all 5s ease; }

a { transform: scale(0.5); }

asd.css

p { transition: all 5s ease; }

a { transform: scale(0.5); }

为什么它不起作用？结果是一样的。这不会添加前缀。

提前致谢 ;）

Answer 1

消除

browsers: ['last 2 versions'],
        cascade: false

并且只使用.pipe(autoprefixer())

Answer 2

我很确定（在撰写本文时）最后两个版本不需要这些特定规则的前缀。尝试添加user-select该规则仍然需要前缀。

Autoprefixer 只会添加支持您告诉它需要支持的浏览器所需的前缀。随着浏览器继续删除前缀，自动前缀添加的前缀数量将减少，直到希望不再需要它作为工具。