ESLint no-undef和webpack插件 [英] ESLint no-undef and webpack plugin

问题描述

我使用webpack插件：

I use webpack plugin:

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



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

我使用eslint并使用禁止未声明的变量（no-undef）规则，所以当我写

I use eslint and use Disallow Undeclared Variables (no-undef) rule, so when I write

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

我遇到错误：

'PUBLIC_KEY'未定义

'CLIENT_ID'未定义

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

如何避免它？我不想禁用此规则（禁用的规则都可以正常工作）

How to avoid it? I don't want to disable this rule (with disabled rule all works fine)

推荐答案

添加：

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

到您的 eslint.rc 文件。

，或者您也可以在webpack配置文件中做为内嵌注释，例如：

or you can do the same in your webpack config -file as an inline comment like:

/* global PUBLIC_KEY, CLIENT_ID */

这篇关于ESLint no-undef和webpack插件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！