Для webpack 5 "eslint-loader" deprecated, используй eslint-webpack-plugin (см.
https://webpack.js.org/plugins/eslint-webpack-plugin)
Подключается в webpack.config.js так:
const EslintWebpackPlugin = require('eslint-webpack-plugin');
// в module.exports
plugins: [
new EslintWebpackPlugin(
{
extensions: ['js', 'mjs', 'jsx', 'ts', 'tsx']
}
)
]
Что бы не ругался на реакт и переменные окружения такой .eslintrc.json:
{
"root": true,
"parser": "@typescript-eslint/parser",
"plugins": [
"react",
"@typescript-eslint"
],
"extends": [
"eslint:recommended",
"plugin:react/recommended",
"plugin:@typescript-eslint/recommended"
],
"parserOptions": {
"ecmaVersion": 6,
"sourceType": "module",
"ecmaFeatures": {
"jsx": true
}
},
"env": {
"es6": true,
"browser": true
}
}
Выше я использую TS и реакт, однако без них еще проще:
{
"root": true,
"parser": "@babel/eslint-parser",
"extends": [
"eslint:recommended",
],
"parserOptions": {
"ecmaVersion": 6,
"sourceType": "module",
},
"env": {
"es6": true,
"browser": true
}
}