2017-03-28 3 views
0

Gulpの新機能です。以前はプラグインを一度も使用していないため、少し失われています。Gulpの自動接頭辞を使用してすべてのブラウザをターゲットに設定する方法

私はいくつかのチュートリアルに続き、Gulpを実行し、自動プレフィックスプラグインを取得しました。私は今、すべてのブラウザのすべてのバージョンの接頭辞を取得する方法があれば、うまくいっていますか?

this browser listには、すべての主要ブラウザまたはバージョンの範囲の最後の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']); 

おかげ

+0

ように見えるかもしれませんちょうどAndroidモバイルサムスンブラウザですか? – Barryman9000

+0

@ Barryman9000 Nope。それはタブレットだ - Samsung Galaxy 8.0、Androidバージョン4.4.2、ブラウザバージョン4.4.2 – Sean

+0

新しいSamsungブラウザが「最新のブラウザ」レベルのサポートにならないのは奇妙なことだ。 https://html5test.com/にアクセスして、欠けているものを確認することができます – Barryman9000

答えて

2

あなたがここにすべてのプレフィックスオプションのリストを見つけることができます:ここでは

は、私がこれまで持っているコードです。私は、具体的

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/')); 
}); 
関連する問題