Global variables in Javascript and ESLint
JavascriptVariablesGlobalEslintJavascript Problem Overview
I have got multiple javascript files and I have defined some global variable in a file which loads before the others. As a consequence all of the files loaded after the first have access to the global variable. However ESLint shows the global variable as "not defined". I don't want to change the rules of ESLint and I would like to find an elegant way to get rid of these error messages. Any clue? Thanks
Javascript Solutions
Solution 1 - Javascript
I don't think hacking ESLint rules per file is a great idea.
You should rather define globals
in .eslintrc
or package.json
.
For .eslintrc:
"globals": {
"angular": true
}
For package.json
:
"eslintConfig": {
"globals": {
"angular": true
}
}
Check https://eslint.org/docs/user-guide/configuring/language-options#specifying-globals
Solution 2 - Javascript
You can add globals either per file or in your config. If you don't want to change your config, you'll have to add the used globals in every file.
>To specify globals using a comment inside of your JavaScript file, use the following format:
>
> /* global var1, var2 /
>
>This defines two global variables, var1
and var2
. If you want to optionally specify that these global variables should never be written to (only read), then you can set each with a false flag:
>
> / global var1:false, var2:false */
http://eslint.org/docs/2.0.0/user-guide/configuring#specifying-globals