vue-cli構築プロジェクトにおけるbrowserslistの役割説明

1176 ワード

なぜ必要なのか:提供されたターゲットブラウザの環境に応じて、スマートにcss接頭辞、jsのpolyfillパッドを追加し、古いバージョンのブラウザと互換性を持ちます.コードのコンパイル品質を向上させるために、不要な互換コードを回避します.
browserslistを使用するコンポーネントを共有します.
コンポーネント名
機能vv
Autoprefixer
postcss css接頭辞コンポーネントの追加
bable-preset-env
コンパイルプリセット環境インテリジェントpolyfillパッドコード追加
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年以降にリリースされたすべてのバージョン