使用 ESLint `indent` 规则忽略模板文字中的缩进

Question

用于缩进的 ESLint 规则允许您在确定规则是否应应用于该节点时指定忽略哪些节点，使用ignoredNodes选项。

我有以下代码要使用此规则忽略：

const a = b
  ? `c${
      d
    }`
  : e

具体来说，带有d的行和随后的行被报告为多出两个空格。 我想忽略规则中的那些行，但我不知道应该应用的节点。

节点类型在此 repo中指定。 我知道这个代码中使用的三元表达式是一个ConditionalExpression节点，它似乎存在一个模板文字节点，但我无法让它工作。

我知道我可以使用eslint-disable-next-line 、 eslint-disable等，但我不想使用这些，因为每次出现这种情况时我都必须使用它们。

Answer 1

通过简单地查看带有${foo}的ast 树，我确认它确实是TemplateLiteral节点。 但是我碰巧也知道那里的解决方案：您还需要选择它的孩子。 这可以通过TemplateLiteral > *来完成。 您的解决方案不起作用的原因是因为ESLint将TemplateLiteral排除在缩进规则之外，但只有小的${和}部分，而不是内容。

这可以像这样进入您的 ESLintrc 文件：

"indent": ["error", "tab", { "ignoredNodes": ["TemplateLiteral > *"] }]

很抱歉没有其他人能够更早地回答您的问题。

Answer 2

要忽略模板文字中 ESLint 中的所有缩进和换行错误，包括函数调用或深度嵌套的 JS 语法，您可以使用"ignoredNodes": ["TemplateLiteral *"] （没有>子选择器，以定位所有后代。）

  "rules": {
    "indent": ["error", 2, { "ignoredNodes": ["TemplateLiteral *"] }],
    "function-paren-newline": "off"
  }

您还必须指定您的正常缩进规则，例如"error", 2用于强制 2 个空格或"error", "tab"用于制表符。

"function-paren-newline"也在我的模板文字中给出了错误，我也想禁用它（因为我正在扩展一个显示错误的现有 ESLint 配置）。