There's answered question which in my opinion doesn't actually answers the question, on the difference between extends: [] vs plugins: [] in ESLint.
In my case, i just used extends section:
extends: [
'plugin:@typescript-eslint/remended',
],
plugins: [],
rules: {
'@typescript-eslint/explicit-function-return-type': [
'error',
{
allowExpressions: true,
},
],
}
As you can see, i just used predefined config from plugin:@typescript-eslint/remended and also overwritten @typescript-eslint/explicit-function-return-type rule in rules: {} section. But why do we need this PLUGINS section then? If everything works without it? What do i miss?
There's answered question which in my opinion doesn't actually answers the question, on the difference between extends: [] vs plugins: [] in ESLint.
In my case, i just used extends section:
extends: [
'plugin:@typescript-eslint/remended',
],
plugins: [],
rules: {
'@typescript-eslint/explicit-function-return-type': [
'error',
{
allowExpressions: true,
},
],
}
As you can see, i just used predefined config from plugin:@typescript-eslint/remended and also overwritten @typescript-eslint/explicit-function-return-type rule in rules: {} section. But why do we need this PLUGINS section then? If everything works without it? What do i miss?
1 Answer
Reset to default 17You have done it correctly.
For your example, there are 2 ways to do add typescript-eslint...
- 1st way:
{
parser: "@typescript-eslint/parser",
parserOptions: { sourceType: "module" },
plugins: ["@typescript-eslint"],
extends: [],
rules: {
"@typescript-eslint/explicit-function-return-type": [
"error",
{
allowExpressions: true
}
]
}
}
- 2nd way:
{
plugins: [],
extends: ["plugin:@typescript-eslint/remended"],
rules: {
"@typescript-eslint/explicit-function-return-type": [
"error",
{
allowExpressions: true
}
]
}
}
The difference is...
- 1st way:
parser,parserOptionsandpluginsare manually added,- Only
@typescript-eslint/explicit-function-return-typeis enforced.
- 2nd way:
plugin:@typescript-eslint/remendedhas automatically addedparser,parserOptionsandplugins.- Remended typescript rules are added and enforced.
@typescript-eslint/explicit-function-return-typeis augmented and enforced.
This is why when you use plugin:@typescript-eslint/remended, things work normally even if plugins is empty. A well-written plugins/configs allows that to happen.