ESLint no-undef 和 webpack 插件

Question

我使用 webpack 插件：

new webpack.DefinePlugin({              
            PUBLIC_KEY:'\'XXX\'',
            CLIENT_ID: '\'XXXX\''
        })



tgc.init({
            publicKey: PUBLIC_KEY,
            clientId: CLIENT_ID     
        });

我使用 eslint 并使用 Disallow Undeclared Variables (no-undef) 规则，所以当我写

tgc.init({
            publicKey: PUBLIC_KEY,
            clientId: CLIENT_ID     
    });

我收到错误：

'PUBLIC_KEY' is not defined
'CLIENT_ID' is not edfined

如何避免？我不想禁用此规则（禁用规则一切正常）

Answer 1

添加：

  "globals": {
    "PUBLIC_KEY": true,
    "CLIENT_ID": true,
  }

到您的 eslint.rc -文件。

或者你可以在你的 webpack 配置文件中做同样的事情作为内联注释，比如：

/* global PUBLIC_KEY, CLIENT_ID */

ESLint no-undef 和 webpack 插件

ESLint no-undef and webpack plugin

eslint

webpack