browserslistターゲットブラウザ構成テーブル
1475 ワード
なぜ必要なのか:提供されたターゲットブラウザの環境に応じて、css接頭辞、jsのpolyfillパッドをスマートに追加し、古いバージョンのブラウザと互換性を持ち、脳の追加ではありません.コードのコンパイル品質を向上させるために、不要な互換コードを回避します.
browserslistを使用するコンポーネントを共有します.
コンポーネント名
機能
Autoprefixer
postcss css接頭辞コンポーネントの追加
bable-preset-env
コンパイルプリセット環境インテリジェントpolyfillパッドコード追加
eslint-plugin-compat
stylelint-no-unsupported-browser-features
postcss-normalize
待って...
基本構文:
last 2 versions:CanIUse.comトラッキングIEの最新バージョンは11で、後方互換性のある2つのバージョンは10、11です.
構文の設定:ブラウザフィルタリングの構想によるデフォルトは、すべての最新バージョンと互換性があります.
例
説明
世界中の1%以上が使用するブラウザ
国別使用率オーバーライドの指定
すべてのブラウザはCanIUseに従って最後の2つのバージョンに互換性があります.com追跡のバージョン
火狐の最新バージョン
ブラウザのバージョン範囲の指定
方向除外バージョン
指定したバージョンへのブラウザの互換性の指定
すべてのブラウザのbetaテストバージョン
ブラウザのテストバージョンの指定
2013年以降にリリースされたすべてのバージョン
フィルタリング後に照会し、検証:
お知らせ:文章は個人的な理解にすぎません.訂正を歓迎します.
browserslistを使用するコンポーネントを共有します.
コンポーネント名
機能
Autoprefixer
postcss css接頭辞コンポーネントの追加
bable-preset-env
コンパイルプリセット環境インテリジェントpolyfillパッドコード追加
eslint-plugin-compat
stylelint-no-unsupported-browser-features
postcss-normalize
待って...
基本構文:
package.json
がbrowserslist
オブジェクトを構成している限り、必要なコンポーネントは自動的に一致して使用され、特定のコンポーネントパラメータに構成することもできます.{// 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
はすべてのブラウザバージョンの支出状況を印刷します.お知らせ:文章は個人的な理解にすぎません.訂正を歓迎します.