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' 未定义
'CLIENT_ID' 未定义

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

Answer 1

添加：

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

到您的eslint.rc -file。

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

/* global PUBLIC_KEY, CLIENT_ID */