このサイトはアフィリエイト広告(Amazonアソシエイト含む)を掲載しています

browserslistはpackage.jsonに書くか.browseslistrcに書くか

browserslistとは何か

名前のとおりターゲットブラウザを設定できるツールで色々なNodeのツールで使用できます。
例えばautoprefixerやbabel、postcss-preset-envなどはbrowserslistを解析してそこで設定されているブラウザを対象にした処理を行うようになっています。
2022年7月現在、browserslistの設定方法は2種類あります。

  1. package.jsonにbrowserslistという項目として記述する
  2. .browserslistrcというファイルを新しく作成しそこに記述する

1,2では記述方法が違うので注意が必要です。

browserslistは%(パーセンテージ)で設定できるがシェア率はどこでわかるの?

browserslistはCan I Useのデータを使用しています。
※browserslistのgithubページのREADME参照

そしてCan I usestatcounter GlobalStatsというサービスを利用しています。

ということはbrowserslistのブラウザのシェア率を決めているのはstatcounter GlobalStatsというサービスです。

statcounter GlobalStatsがどのようにデータを取得しているからは不明です…。