2016-12-25 2 views
0

Möglicherweise die dümmste Frage, die ich gestellt habe, aber ich finde die Dokumentation und die begrenzten Beispiele recht verschwommen.Gibt die Option browserslist in Gulp's Autoprefixer-Plugin an, welche Browser einbezogen oder ausgeschlossen werden sollen?

Ich möchte so viele Browser wie möglich unterstützen, einschließlich IE7 + z.

.pipe(autoprefixer({ 
    browsers: ['last 5 versions', 'ie >= 7'] 
}) 

Logisch, gehe ich davon aus der Option über den Browser "genau zu definieren, welchen Browser existiert, oder eine Reihe von Browsern sollte unterstützt werden. Mit anderen Worten, das obige kann übersetzen als:

"Unterstützung der letzten 5 Versionen von jedem Browser und sicherstellen, dass alle Versionen von IE (ab 7 aufwärts) unterstützt werden."

Ein anderer Weg, es zu sagen:

„alle möglichen Arten nicht entfernen, die von diesem Browser benötigt werden“ bitte richtig

habe ich verstanden, die browsers Option?

+0

Übrigens, Autoprefixer Team empfiehlt einige Änderungen: 1. Verwenden Sie 'browserslist' Konfigurationsdatei oder' browserslist' Option in 'package.json'. In diesem Fall werden viele andere Tools diesen Browser verwenden. 2. 'gulp-autoprefixer' ist kein offizieller Weg. Der offizielle Weg ist 'gulp-postcss' mit' autoprefixer', da Sie schneller Updates erhalten. –

+0

Ah, also in Bezug auf postCSS, etwas wie das ?: '.pipe (postcss ([autoprefixer ({remove: false, Browser: ['last 5 versions', 'ie> = 7']})]))' –

+1

Der beste Weg: '.pipe (postcss ([autoprefixer ({remove: false})]))' in 'gulpfile.js' und' "browserslist": ["last 5 versions", "ie> = 7"] 'in' package.json'. –

Antwort

1

Yeap, Sie verstehen browsers richtig. ['last 5 versions', 'ie >= 7'] bedeutet "Unterstützen Sie die letzten 5 Versionen von jedem Browser und stellen Sie sicher, dass alle Versionen von IE (ab 7 aufwärts) unterstützt werden".

Verwandte Themen