我在我的项目中使用带有 autoprefixer 的 gulp,我必须像这样使用背景渐变:
background: linear-gradient(#e98a00, #f5aa2f);
但输出是:
background:-webkit-linear-gradient(#e98a00,#f5aa2f);
background:linear-gradient(#e98a00,#f5aa2f);
我怎么了?
Gulpfile.js 的一部分
gulp.task('styles', function() {
return gulp.src(['css/less/mainPage.less'])
.pipe(plumber())
// .pipe(concat('base.scss'))
.pipe(less())
.pipe(prefix([{ browsers: ['IE 8', 'IE 9', 'last 5 versions', 'Firefox 14', 'Opera 11.1'] }]))
.pipe(minifyCSS({keepBreaks: true}))
.pipe(gulp.dest('css'))
.pipe(connect.reload());
});
我正在使用 gulp-autoprefixer
即使我设置
browsers: ['Firefox 14']
输出仍然:
background:-webkit-linear-gradient(#e98a00,#f5aa2f);
background:linear-gradient(#e98a00,#f5aa2f);