browserslistターゲットブラウザ構成テーブル

1475 ワード

なぜ必要なのか:提供されたターゲットブラウザの環境に応じて、css接頭辞、jsのpolyfillパッドをスマートに追加し、古いバージョンのブラウザと互換性を持ち、脳の追加ではありません.コードのコンパイル品質を向上させるために、不要な互換コードを回避します.
browserslistを使用するコンポーネントを共有します.
コンポーネント名
機能
Autoprefixer
postcss css接頭辞コンポーネントの追加
bable-preset-env
コンパイルプリセット環境インテリジェントpolyfillパッドコード追加
eslint-plugin-compat
stylelint-no-unsupported-browser-features
postcss-normalize
待って...
基本構文:package.jsonbrowserslistオブジェクトを構成している限り、必要なコンポーネントは自動的に一致して使用され、特定のコンポーネントパラメータに構成することもできます.
{// package.json
  "browserslist": [ //   :       
    "> 1%",
    "last 2 versions"
  ] }

last 2 versions:CanIUse.comトラッキングIEの最新バージョンは11で、後方互換性のある2つのバージョンは10、11です.
構文の設定:ブラウザフィルタリングの構想によるデフォルトは、すべての最新バージョンと互換性があります.

説明> 1%
世界中の1%以上が使用するブラウザ> 5% in US
国別使用率オーバーライドの指定last 2 versions
すべてのブラウザはCanIUseに従って最後の2つのバージョンに互換性があります.com追跡のバージョンFirefox ESR
火狐の最新バージョンFirefox > 20
ブラウザのバージョン範囲の指定not ie <=8
方向除外バージョンFirefox 12.1
指定したバージョンへのブラウザの互換性の指定unreleased versions
すべてのブラウザのbetaテストバージョンunreleased Chrome versions
ブラウザのテストバージョンの指定since 2013
2013年以降にリリースされたすべてのバージョン
フィルタリング後に照会し、検証:npx browserslistはすべてのブラウザバージョンの支出状況を印刷します.
お知らせ:文章は個人的な理解にすぎません.訂正を歓迎します.