css - Autoprefixer vs LESS/Sass ミックスイン?

Question

autoprefixerツールは、適切なベンダー プレフィックスを「単純な」スタイル宣言に追加する CSS ポスト プロセッサです。

これは、ベンダー固有のスタイルを生成するという同じ目標のために、 LESSおよびSassによって提供される mixin と比較して (有効性と開発者の経験の点で) どのようになりますか?

Answer 1

LESS と Sass の両方には、ワークフローに統合できるさまざまなフレームワークとライブラリがあり、そのほとんどには何らかのプレフィックス mixin が含まれているため、どちらの方法でも同じ結果が得られる可能性が非常に高く、それが唯一の目的である場合は、そうすれば、おそらくどちらを使用してもかまわないでしょう。

LESS と Sass が力を発揮するのは、宣言のネスト、変数、ループ、その他の mixin など、特定のプロジェクトに必要なものである場合とそうでない場合があります。

もちろん、この機能には構文の違いが伴います。接頭辞を処理するための構文を含め、ネイティブ CSS から離れ始めます。LESS と Sass では、何かにベンダー プレフィックスを付けたい場合は、通常、@mixin構文を使用します。これがこれから目にする「開発者エクスペリエンス」の主な違いですが、繰り返しになりますが、LESS と Sass は autoprefixer よりも大きなツールであるため、おそらく mixin 構文を部分的に使用し、他の構文と一緒に小分けにすることになるでしょう。変化します。

つまり、プレフィックスのみを使用している場合は autoprefixer や prefixr などのツールを使用し、他の機能を使用する場合は LESS または Sass を使用します。