如何使用 Gulp 自动前缀器定位所有浏览器

Question

我对 Gulp 很陌生，以前从未使用过任何插件，所以我有点迷茫。

我遵循了一些教程，几乎设法让 Gulp 运行和自动前缀插件。我现在只是想弄清楚是否有办法让它成为所有浏览器所有版本的前缀？

在此浏览器列表中，我可以选择所有主要浏览器

的最后 2 个版本或一系列版本，但我想选择所有浏览器(主要和其他(的所有版本。我特别尝试添加对默认三星浏览器的支持，因为我目前遇到了一些浏览器兼容性问题，并希望一些前缀可以成为解决方案。

这是我到目前为止的代码：

var gulp = require('gulp');
var prefix = require('gulp-autoprefixer');
gulp.task('prefix', function () {
    gulp.src('css/**/*.css')
        .pipe(prefix('last 2 versions'))
        .pipe(gulp.dest('css/'));
});
gulp.task('default', ['prefix']);

谢谢

Answer 1

您可以在此处找到所有前缀选项的列表。我不确定有什么专门针对三星浏览器的

https://github.com/ai/browserslist#queries

因此，示例自动前缀器任务可能如下所示

let autoprefixBrowsers = ['> 1%', 'last 2 versions', 'firefox >= 4', 'safari 7', 'safari 8', 'IE 8', 'IE 9', 'IE 10', 'IE 11'];
gulp.task('prefix', function () {
    gulp.src('css/**/*.css')
    .pipe(prefix({ browsers: autoprefixBrowsers }))
    .pipe(gulp.dest('css/'));
});