Edited at

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-airbnbeslint-plugin-importのverが固定で入っていたので最新のものにあげたらエラーは消えた。