javascript – 如何使用Gulp auto-prefixer定位所有浏览器

我是Gulp的新手,之前从未使用任何插件,所以我有点迷失.

我已经按照一些教程进行了操作,并设法让Gulp运行并使用auto-prefixer插件.我现在只是试图找出是否有办法让它成为所有浏览器的所有版本的前缀?

this browser list,我可以选择所有主流浏览器的最后两个版本或一系列版本,但我想选择所有浏览器的所有版本(主要和其他).我特别想添加对默认三星浏览器的支持,因为我现在遇到一些浏览器兼容性问题,并希望一些前缀可能是解决方案.

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

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']);

谢谢

解决方法:

您可以在此处找到所有前缀选项的列表.我不确定是否有针对三星浏览器的具体内容

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

因此,autoprefixer任务示例可能如下所示

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/'));
});
上一篇:javascript – 当gulp-jshint失败时,无法使gulp-notify弹出错误消息


下一篇:Day 2 配置开发环境