Question

这是我的第一个问题。

节点版本：v4.4.4

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

test.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

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

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

Answer 2

删除

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

仅使用.pipe(autoprefixer())

gulp-autoprefixer不起作用

这是我的第一个问题。

2 个答案: