在进行前端开发的过程中，我们经常会使用到 ESLint 这个工具来进行代码质量的检查。然而，在使用 ESLint 进行检查时，有时候会遇到 ‘require’ is not defined 的问题，这个问题在使用 CommonJS 的模块化开发方式时比较常见。本文将介绍如何解决这个问题。
问题分析
当我们使用 CommonJS 的模块化开发方式时，我们会使用 require 函数来引入其他模块。然而，在使用 ESLint 进行检查时，由于 require 函数并不是 JavaScript 的原生函数，因此会出现 ‘require’ is not defined 的问题。
解决方案
1. 使用 eslint-plugin-import 插件
eslint-plugin-import 是一个 ESLint 插件，它可以帮助我们解决 ‘require’ is not defined 的问题。我们可以在项目中安装这个插件：
--- ------- -------------------- ----------
然后在 .eslintrc 配置文件中添加插件：
-
---------- -
--------
-
-这样就可以解决 ‘require’ is not defined 的问题了。
2. 使用 eslint-config-airbnb-base 配置
eslint-config-airbnb-base 是一个基于 Airbnb 风格指南的 ESLint 配置。它已经包含了 eslint-plugin-import 插件，因此我们可以直接使用这个配置来解决 ‘require’ is not defined 的问题。
首先，我们需要安装 eslint-config-airbnb-base：
--- ------- ------------------------- ----------
然后在 .eslintrc 配置文件中添加配置：
-
---------- -
-------------
-
-这样就可以使用 eslint-config-airbnb-base 配置来解决 ‘require’ is not defined 的问题了。
3. 使用全局注释
另一个解决 ‘require’ is not defined 的问题的方法是使用全局注释。我们可以在代码文件的开头添加以下注释：
-- ------ ------- --
这样 ESLint 就会认为 require 函数是一个全局变量，从而不会出现 ‘require’ is not defined 的问题了。
示例代码
-- ------ ------- -- ----- -- - -------------- -------- ------------------ - ------ ------------------------- -------- - -------------- - - --------- --
总结
在使用 ESLint 进行代码质量检查时，有时候会遇到 ‘require’ is not defined 的问题。我们可以使用 eslint-plugin-import 插件、eslint-config-airbnb-base 配置或者全局注释来解决这个问题。希望本文能够帮助大家解决 ‘require’ is not defined 的问题，提高前端代码的质量。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/660a004bd10417a2228c82cc