webpackのresolve.aliasを設定するとimport/extensionsのeslintのエラーが出る

importの際、あちこちで../../../という相対パスだらけになっていたので、webpackのresolveに設定を書いた。

  resolve: {
    alias: {
      '@config': path.join(process.cwd(), './src/config'),
    },
  },

すると、import/extensionsのeslintのルールで怒られる
調べた結果、eslintの設定はairbnbの設定をextendsしていたのだが、このairbnbの設定が古いことで怒られているぽかった。

また、eslint-plugin-importも最新にしないとこのeslintのエラー出ちゃう問題は解決しないぽかった。
https://github.com/airbnb/javascript/issues/1092

{
  "extends": "airbnb",

package.jsonを見るとeslint-config-airbnbとeslint-plugin-importのverが固定で入っていたので最新のものにあげたらエラーは消えた。