你能用不同的语言对文件的一部分进行 Lint 吗？

Question

BLUF：您能否使用 linter 以不同的规则/语言对同一文件的不同部分进行 lint？

我有一些 HTML 文件，其中包含正文中各种不同语言的代码块。为了测试这些并确保它们遵循正确的样式，我希望能够以各自的语言对文件的这些部分进行 lint。

是否有可以做到这一点的 linter 或者有什么方法可以做到这一点？如果我只是用其他语言进行 lint，文件中的 html 只会抛出错误。

我知道我可以整理这些样本，将它们的内容写入单独的文件中，然后分别对其进行 lint，但我希望避免在 linting 周期中创建和更新它们。

目前正在使用 eslint。

例子：

<h1>A Title</h1>
<p>
  Some text that is nice normal html that can be linted the usual way.
</p>
<pre class='javascript>
  // this is some javascript that needs to be linted
  const foo = bar;
  function myFunction() {
    somethingThatMightNotPassLinting
  }
  ...
</pre>

Answer 1

您可以使用自定义插件（例如 eslint-plugin-html）对 HTML 文件中的 js 进行 lint。修改插件以查找 <pre> 标签而不是 <script> 标签。