rails7にjsのブラウザバージョン互換性テスト導入

はじめに

今回はeslint-plugin-compatを使ってブラウザのバージョンテストを導入しました。
githubに手順が載っているので、それ通りやってもらえればできます。

ダウンロード

yarnで落としました

yarn add eslint-plugin-compat

ファイル変更

eslintrc.json

   {
+    "plugins": ["compat"],
+    "extends": ["plugin:compat/recommended"],
+    "env": {
+      "browser": true
+    },
     // ...
   }

package.json

{
     // ...
+    "browserslist": [
+      "defaults"
+    ]
  }

思ったこと

思ってた数倍簡単に導入することができました。

これを導入しようと思った原因は、実際に僕がモダンなjsを書いて特定のバージョン以下で動作しなくなったことです。その時はPublic class fields（パブリックフィールド宣言）を書いてしまったのですが、これは残念ながらeslint-plugin-compatでは検知できなかったです。eslint側でES2015を指定しても検知されなかったです。