避免 ESLint 对 HTML 代码的校验-JavaScript中文网-JavaScript教程资源分享门户

前言

随着前端开发的不断发展，代码的规范性和可维护性成为了一个越来越重要的问题。因此，出现了一系列的工具来对代码进行规范化和检查，其中 ESLint 成为了前端开发人员的必备工具之一。ESLint 可以对 JavaScript 代码进行规范性检查，但是默认情况下，它也会对 HTML 代码进行检查，这会给我们带来一些麻烦。本文将介绍如何避免 ESLint 对 HTML 代码的校验。

为什么要避免 ESLint 对 HTML 代码的校验

通常情况下，前端项目中的 HTML 代码多是由后端开发人员编写的，他们并不熟悉前端的规范和格式。因此，前端开发人员就需要花费很长时间来调整和规范这些代码，这会影响到我们的效率。另外，ESLint 检查 HTML 代码也会影响到代码的执行效率，尤其是对于大型项目来说，这个影响会更加明显。

避免 ESLint 对 HTML 代码的校验的方法

在避免 ESLint 对 HTML 代码的校验之前，我们需要了解一下 ESLint 是如何检查 HTML 代码的。通常情况下，ESLint 对 HTML 代码的检查是基于 eslint-plugin-html 插件完成的。这个插件会将 HTML 文件转换成 JavaScript 文件，并对其进行检查。因此，我们需要将这个插件禁用掉，才能避免 ESLint 对 HTML 代码的校验。

禁用插件

禁用插件是最简单的方法，我们只需要在 .eslintrc 文件中添加一行配置即可。

-- -------------------- ---- -------
-
  ---------- ---------
  -- -- ------------------  --
  ----------- -
    ----------------------- --------- -------
  --
  -------- -
    --------
  -
-

配置 ignore 文件

我们也可以通过在项目的根目录下创建 .eslintignore 文件来忽略 HTML 文件的检查。在这个文件中，我们需要指定需要忽略的文件路径。

**/*.html

总结

本文介绍了如何避免 ESLint 对 HTML 代码的校验，并提供了两种方法：禁用插件和配置 ignore 文件。这些方法可以帮助我们避免因为 HTML 代码的规范性问题而降低开发效率和执行效率。在使用的过程中，我们应该根据项目的情况选择合适的方法，以达到最优的效果。

示例代码

已经在文章中显示。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/645b4084968c7c53b0d9a3b5