łyk autoprefixer nie moz dodać przedrostek

Question

używam łyk z autoprefixer w moim projekcie, i muszę użyć gradientu tła takiego:

background: linear-gradient(#e98a00, #f5aa2f); 

ale wyjście jest:

background:-webkit-linear-gradient(#e98a00,#f5aa2f); 
background:linear-gradient(#e98a00,#f5aa2f); 

Co źle ze mną?

Część 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()); 
}); 

Iam użyciu haustem-autoprefixer

nawet jeśli ustawienie Iam

browsers: ['Firefox 14'] 

wyjście nadal:

background:-webkit-linear-gradient(#e98a00,#f5aa2f); 
background:linear-gradient(#e98a00,#f5aa2f); 

Answer 1

Use "autoprefixer-core" z "postcss haustem-". Przykład użycia:

var MASK_SRC = "./src/mask/page0/"; 

var gulp = require("gulp") 
var plumber = require("gulp-plumber") 
var postcss = require('gulp-postcss'); 
var sourcemaps = require('gulp-sourcemaps'); 
var autoprefixer = require('autoprefixer-core'); 
var csso = require("gulp-csso") 

gulp.task("styles", function() { 
    return gulp.src(MASK_SRC + "scss/*.css") 
    //.pipe(plumber()) 
    .pipe(postcss([ autoprefixer({ browsers: ["> 0%"] }) ])) 
    //.pipe(csso()) 
    .pipe(gulp.dest(MASK_SRC + "/css/")) 
}) 

gulp.task("dev", ["styles"], function() { 
    gulp.watch(MASK_SRC + "scss/**/*", function(event) { 
    gulp.run("styles") 
    }) 
}) 

Answer 2

Jeśli zaznaczysz http://caniuse.com/#search=linear-gradient, zobaczysz, że Firefox od co najmniej wersji 30 nie wymaga prefiksu moz-. Wersja wersji 30 ma globalny udział w rynku wynoszący < 1% i ustawiono '> 1%'

Answer 3

Nic nie jest nie tak, wszystko wydaje się działać zgodnie z oczekiwaniami.

Rzecz Firefox nie potrzebuje prefiks -moz od v16, a nawet jeśli masz ustawione Firefox 14, globalny Wykorzystanie przeglądarka od tej wersji podanej przez Can I Use jest 0.04% a ty precised > 1% więc nie jest dodane do twojego wyjścia.

Jeśli naprawdę chcesz dodać przedrostek -moz dla Firefox 14, należy usunąć > 1% z listy browsers.

Answer 4

Występuje błąd z gulp-autprefixer.Nie należy dodawać przedrostka "-moz-".

Autoprefixer standalone działa dobrze: http://jsfiddle.net/tsvppawk/

To samo zapytanie "Firefox> = 2" w łyk-atuprefixer generuje:

background: -webkit-linear-gradient(#e98a00, #f5aa2f); 
background: linear-gradient(#e98a00, #f5aa2f);