node.js - Autoprefixer はプレフィックスを追加または削除しません

Question

私の gulpfile には次のものがあり、CSS はコンパイルされますが、プレフィックスは追加または削除されません。私は何を間違っていますか？

// The task
// --------

gulp.task('autoprefix', function () {
  var prefixr = autoprefixer({
    browsers: ['last 2 versions', 'IE >=9'],
    remove: true,
    add: true
  });
  return gulp.src('app/styles/*.css')
    .pipe(postcss([ prefixr ]))
    .pipe(gulp.dest('app/styles'));
});


// Run watch
// --------

gulp.task('watch', function() {
  gulp.watch('app/styles/**/*.less', { interval: 1000 }, ['less', 'autoprefix']);
});

Answer 1

私も同じ問題を抱えていました。しかし、それはすべてあなたのcssファイルにあると思います（またはそれ以下）。ここの github リポジトリに問題を投稿しました: https://github.com/postcss/autoprefixer/issues/564

そして、問題が私のcssにあることを知るためだけに話し合った（スタイラスも使用していた）。

簡単なテストとして、この単純なルールだけで新しい css ファイルを作成します。

html {
   display flex
}

次に、それを実行して、接頭辞が付けられるかどうかを確認してください!

そうでない場合は、他のプラグイン (csswring など) が機能するかどうかを確認してautoprefixerくださいautoprefixer-core。