当我们在前端开发中使用 require 引入一个文件时，有时候会在文件名中带上文件后缀名，比如 require('./index.js')。但实际上，这个后缀名是可以省略的，因为 Node.js 会自动补全。
如果你把这个后缀名写在了代码中，就可能会遇到一些问题。比如，当你在不同的操作系统或者环境中运行代码时，可能会因为文件后缀名不同而导致代码出现问题。此时，就需要使用 eslint-plugin-no-extension-in-require 这个 npm 包来检查代码中的这些问题，并修复它们。
安装和基本配置
首先，你需要在你的项目中安装 eslint-plugin-no-extension-in-require 这个 npm 包，可以通过以下命令来安装：
npm install --save-dev eslint eslint-plugin-no-extension-in-require
安装完成之后，你需要在你的 ESLint 配置文件中加入这个插件：
{
"plugins": [
"no-extension-in-require"
]
}检查规则和使用方法
现在，你可以使用 no-extension-in-require/no-extension-in-require 这个规则来检查代码中是否使用了文件后缀名。如果你不想使用文件后缀名，那么你可以把这个规则设置为 error，这样 ESLint 就会在检查时抛出错误。
这是一个简单的例子：
-- -------------------- ---- -------
-- --------------
-
---------- -
--------------------
--
---------- -
-------------------------
--
-------- -
-------------------------------------------------- ---------
--
------ -
------- ----
-
-在这个例子中，我们把 "no-extension-in-require/no-extension-in-require" 这个规则设置为了 "error"，这意味着如果我们在代码中使用了文件后缀名，ESLint 就会抛出错误。
// index.js
require('./foo.js'); // 错误：使用了文件后缀名
require('./foo'); // 正确：没有使用文件后缀名此时，如果你运行 eslint index.js 就会看到一个错误信息：
index.js 1:1 error Do not use a file extension when requiring a module no-extension-in-require/no-extension-in-require ✖ 1 problem (1 error, 0 warnings)
实际应用
这个规则在实际开发中非常有用。比如，在一个团队中，不同的开发者可能会使用不同的编辑器或者操作系统，导致他们在编写代码时可能会使用不同的文件后缀名。如果使用了 eslint-plugin-no-extension-in-require 这个插件，就可以在提交代码之前通过 ESLint 来统一检查并修复这些问题，保证项目在不同的环境中都能够正常运行。
总的来说，eslint-plugin-no-extension-in-require 这个 npm 包是一个非常有用的工具，可以帮助我们规范代码中的文件引入方式，避免由文件后缀名不同导致的问题。在实际应用中，我们可以通过合理地配置规则来达到更好的效果，提高代码的质量和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f4ef2178250f93ef89002ea