私はgulpを初めて使っていて、自分のファイルがうまく動作していることをテストしたいと思っていました。私はautoprefixer関数のoptionsオブジェクトを利用して、(一時的に)いくつかの古いブラウザのバージョンをサポートするための要件を設定しました。 「線形勾配」など、特定のCSSプロパティの接頭辞が必要になります。以下のコード:
gulpfile.js autoprefix前
var gulp = require('gulp');
var autoprefixer = require('gulp-autoprefixer');
gulp.task('prefix', function() {
return gulp.src("app/css/**/*.css")
.pipe(autoprefixer({ browsers: ['IE 6','Chrome 9', 'Firefox 14']}))
.pipe(gulp.dest("app/css"));
});
、アプリ/ CSS/Styles.cssを:
html, body {
height: 100%;
margin: 0;
height: 0;
display: flex;
background: linear-gradient(#e98a00, #f5aa2f);
後、アプリ/ CSS/Styles.cssを :
html, body {
height: 100%;
margin: 0;
height: 0;
display: -webkit-box;
display: -moz-box;
display: flex;
background: -webkit-gradient(linear, left top, left bottom, from(#e98a00), to(#f5aa2f));
background: -moz-linear-gradient(#e98a00, #f5aa2f);
background: linear-gradient(#e98a00, #f5aa2f); }
作業中!
なぜdownvoteですか?私が質問を改善できるように、否定的なフィードバックだけでなく、コメントを提供してください。 – andersr
[This](http://shouldiprefix.com/)が役に立ちます。また、古いブラウザをインストールしてテストしてください。 – Aziz
はい、私はhttp://shouldiprefix.com/を見ましたが、自動プレフィックステストを行うためにそのリストにinformaitonをどのように適用しますか?また、私は古いブラウザを使用するというアイデアが気に入っていますが、インストールするのではなく、頭痛を覚えると思います。browserstackのようなサービスを使用すると思っています。とにかく、それは正しい道のように思えます。どうも! – andersr