ESLint中的globals——向ESLint规则中添加全局变量

有时候多个文件需要用到某个全局变量,但是某个全局变量中没有该属性,ESLint就会报错,此时需要向ESlint规则中添加需要辨认的变量。

示例:

上面的index.js文件中,在页面中直接打印ServerData变量(等同于打印global.ServerData),会报错ServerData未定义。(这里会直接提示是因为用的是ESLint插件提示的,正常需要执行npx eslint ./src来校验src文件夹下的所有js文件)

如何定义:

方法一:直接在当前文件定义:

 此时报错消失,那么如果多个文件都需要这个变量怎么办。

方法二:定义在ESLint配置文件中。

这里是eslintrc.js文件,JSON、YAML类型以及packages.json中定义同理

 如图中eslintrc文件,有一个"globals"属性,里面定义了全局变量ServerData。此时新建一个test.js文件,里面同样用到了ServerData变量,此时已不再报错。

说明:后面的参数用来表示这个变量的可操作度:

  • readonly/false——只读
  • writable/true——可写
  • off——禁用该全局变量
  • 说明:true/false 等价于只读/可写,但不推荐使用。详见ESLint官网
  • true/false
原文地址:https://www.cnblogs.com/codexlx/p/14372473.html