Angular 7 は SCSS の重複した属性を削除します

Question

Angular SASS (.scss) プロパティを削除します。ブラウザ間の互換性のために重複した属性を埋め込むことができるように、この問題の発生を防ぐにはどうすればよいですか?

コピーするには、新しい Angular 7.2 プロジェクトを作成します

リーリー

「teststyle」クラスをコンポーネント内の任意の要素に追加します。

リーリー

コンポーネントに対応する .scss ファイルに適用します

リーリー

Angular プリプロセッサは、最初と最後の属性を除くすべてを削除します。 対応するCSSはこんな感じです。 -webkit-linear-gradient、-o-linear-gradient、および -moz-linear-gradient は、CSS/JS ファイルに変換されません。これはブラウザの問題ではなく、tarnspilation の問題です。

直接 CSS を使用するとこれが表示されますが、これは正しいです。

angular.json も含まれます

ああああ

Answer 1

Angular は Autoprefixer を使用して、必要なベンダー プレフィックスを追加し、不要なベンダー プレフィックスを削除します。基本的に、何も追加する必要はありません。追加されるものは自動的に追加されます。削除されたものは、必要がなかったためです。

表示: https://caniuse.com/?search=linear-gradient 使用とサポート

• -webkit-linear-gradient のみ必須です

  • Chrome 4-25 (2010 ～ 2013 年リリース) - 世界中のブラウザの 0%
  • Safari 4-6.1 (2010 ～ 2013 年リリース) - 世界のブラウザの 0.01%
  • iOS Safari 3.2-6.1 (2010-2013 リリース) - 世界のブラウザの 0.01%
  • Android ブラウザ 2.1 ～ 4.3 (2009 ～ 2013 年リリース) - 世界のブラウザの 0.13%

• -o-linear-gradient Opera 11.5 および Opera mobile 12 (2011 ～ 2012 リリース) でのみ必須、世界中のブラウザの 0%

• -moz-linear-gradient Firefox 3.5-15 (2010-2012 リリース)、0.01% のブラウザでのみ必要

---

2018 年に発売された Angular バージョンの 0% 10 年以上前のブラウザで CSS グラデーションのサポートがまだ必要な場合は、src/browserslist ファイルを追加するだけです ( 関連する質問) このファイル形式については、こちらでご覧いただけます