Is it possible to turn off the eslint rule for the whole file? Something such as:
// eslint-disable-file no-use-before-define
(Analogous to eslint-disable-line.) It happens to me quite often, that in a certain file, I'm breaking a specific rule on many places which is considered OK for that file, but I don't want to disable the rule for the whole project nor do I want to disable other rules for that specific file.
This question is related to
javascript
configuration
lint
eslint
As of today, the answer does not work for me, but putting this at the top of the file does work:
/* eslint-disable @typescript-eslint/no-unused-vars */
It is important to know that at least in my case, the type of comment makes a difference. The previous comment works for me, but the following won't work:
// eslint-disable @typescript-eslint/no-unused-vars
Simply create an empty file .eslintignore
in your project root the type the path to the file you want it to be ignore.
Line Ignoring Files and Directories
To temporarily disable rule warnings in your file, use block comments in the following format:
/* eslint-disable */
This will disable ESLint until the
/* eslint-enable */
comment is reached.
You can read more about this topic here.
Simple and effective.
Eslint 6.7.0 brought "ignorePatterns" to write it in .eslintrc.json like this example:
{
"ignorePatterns": ["fileToBeIgnored.js"],
"rules": {
//...
}
}
You can also disable/enable a rule like this:
/* eslint-disable no-use-before-define */
... code that violates rule ...
/* eslint-enable no-use-before-define */
Similar to eslint-disable-line
as mentioned in the question. It might be a better method if you don't want to have to restore a complicated rule configuration when re-enabling it.
You can turn off specific rule for a file by using /*eslint [<rule: "off"], >]*/
/* eslint no-console: "off", no-mixed-operators: "off" */
Version: [email protected]
You can just put this for example at the top of the file:
/* eslint-disable no-console */
To disable a specific rule for the file:
/* eslint-disable no-use-before-define */
Note there is a bug in eslint where single line comment will not work -
// eslint-disable max-classes-per-file
// This fails!
Accepted answer didn't work for me (maybe a different version of eslint...? I'm using eslint v3.19.0
), but did find a solution with the following...
Place the following on the top of your file
/* eslint-disable no-use-before-define */
This will disable the rule for the entire file
To disable specific rules for file(s) inside folder(s), you need to use the "overrides"
key of your .eslintrc
config file.
For example, if you want to remove the following rules:
no-use-before-define
max-lines-per-function
For all files inside the following main directory:
/spec
You can add this to your .eslintrc
file...
"overrides": [
{
"files": ["spec/**/*.js"],
"rules": {
"no-use-before-define": ["off"],
"max-lines-per-function": ["off"]
}
}
]
Note that I used **
inside the spec/**/*.js
glob, which means I am looking recursively for all subfolders inside the folder called spec
and selecting all files that ends with js
in order to remove the desired rules from them.
You can tell ESLint to ignore specific files and directories by creating an .eslintignore
file in your project’s root directory:
.eslintignore
build/*.js
config/*.js
bower_components/foo/*.js
The ignore patterns behave according to the .gitignore
specification.
(Don't forget to restart your editor.)
you can configure eslint overrides property to turn off specific rules on files which matches glob pattern like below.
Here, I want to turn off the no-duplicate-string
rule for tests all files.
overrides: [
{
files: ["**/__tests__/**/*.[jt]s?(x)", "**/?(*.)+(spec|test).[jt]s?(x)"],
rules: {
'sonarjs/no-duplicate-string': 'off'
}
}
]
/* eslint-disable */
//suppress all warnings between comments
alert('foo');
/* eslint-enable */
This will disable all eslint rules within the block.
It's better to add "overrides" in your .eslintrc.js config file. For example if you wont to disable camelcase rule for all js files ending on Actions add this code after rules scope in .eslintrc.js.
"rules": {
...........
},
"overrides": [
{
"files": ["*Actions.js"],
"rules": {
"camelcase": "off"
}
}
]
Based on the number of rules you want to ignore (All, or Some), and the scope of disabling it (Line(s), File(s), Everywhere), we have 2 × 3 = 6 cases.
Case 1.1: You want to disable "All Rules" for "One or more Lines"
Two ways you can do this:
/* eslint-disable-line */
at the end of the line(s),/* eslint-disable-next-line */
right before the line.Case 1.2: You want to disable "All Rules" for "One File"
/* eslint-disable */
at the top of the file.Case 1.3: You want to disable "All rules" for "Some Files"
There are 3 ways you can do this:
/* eslint-disable */
on top of the files, one by one..eslintignore
. This works well especially if you have a path that you want to be ignored. (e.g. apidoc/**
).eslintignore
file, you can add
"eslintIgnore": ["file1.js", "file2.js"]
in package.json
as
instructed here.Case 2.1: You want to disable "Some Rules" for "One or more Lines"
Two ways you can do this:
You can put /* eslint-disable-line quotes */
(replace quotes
with your rules) at the end of the line(s),
or /* eslint-disable-next-line no-alert, quotes, semi */
before the line.
Case 2.2: You want to disable "Some Rules" for "One File"
/* eslint-disable no-use-before-define */
comment at the top of the file.More examples here.
Case 2.3: You want to disable "Some Rules" for "Some files"
"excludedFiles"
object of "overrides"
section of your .eslintrc
as instructed here.Source: Stackoverflow.com