process.node.env 在 eslintrc.js 中未定义

Question

我需要一些 linting 规则来根据构建是开发还是生产来抛出错误或警告。 在开发process.env.NODE_ENV的 React 组件文件中process.env.NODE_ENV === 'development' 。

在 eslintrc.js 我有：

const production = process.env.NODE_ENV !== 'development'; // returns true
console.log('%c process.env.NODE_ENV', 'color: green;', process.env.NODE_ENV); // returns undefined

我希望能够在 linting 规则警告之间切换。 和这样的错误：

    rules: {
        'no-tabs': 0,
        indent: [2, 'tab', { SwitchCase: 1, VariableDeclarator: 1 }],
        'react/jsx-props-no-spreading': 'off',
        'no-unused-vars':
            production
                ? 'error'
                : 'warn',

为什么process.env.NODE_ENV未定义，我该如何解决？

Answer 1

您可能会考虑只为 eslint 设置多个配置文件，而不是尝试在单个文件中处理环境更改。

根据文档： https : //eslint.org/docs/user-guide/command-line-interface#basic-configuration

您可以使用-c或--config标志调用 eslint 并传入额外的配置文件。 这会将基本配置文件与传入标志的文件合并

两个 lint 脚本的示例：
eslint --config ./dev-config.js **/*.js
eslint --config ./prod-config.js **/*.js

Answer 2

由于它在静态分析期间未定义，因此您始终可以执行以下操作：

  'no-console': (() => {
      if (typeof process.env.NODE_ENV === 'undefined') {
        return 'off';
      }

      if (process.env.NODE_ENV === 'development') {
        return 'off';
      }

      return 'error';
    })(),