在 ESLint和 Custom Webpack 配置中处理 JavaScript 中的 Underscore 变量
在 JavaScript编程中，Underscore所表示的变量通常用于表示未使用的变量。这些变量如果不及时清除，会影响我们的代码质量。本文将介绍通过 ESLint 和 Custom Webpack配置如何处理 JavaScript中的 Underscore变量，以保证代码的可读性和可维护性。
ESLint 是一个非常流行的 JavaScript 静态分析工具，它可以全面检查我们的代码，查找代码中的问题，并在开发过程中提供快速反馈。一般情况下，ESLint 提供了很多规则来检查未使用的变量，但不灵活，不能处理某些情况下的 Underscore 变量。
为了解决这个问题，我们可以使用 ESLint 的 no-unused-vars 规则和 @typescript-eslint/no-unused-vars-experimental 插件。这些插件可以帮助我们自定义规则并排除某些未使用的变量。
例如，我们要排除掉以 _ 开头的变量，我们可以在 .eslintrc.js 文件中进行如下配置：
-- -------------------- ---- -------
-------------- - -
------ -
----------------- -
--------
- ------------------ ----- ------------------ ---- --
--
------------------------------------------------- -
--------
- ------------------ ---- --
--
--
--以上配置中，我们使用了 varsIgnorePattern，argsIgnorePattern 和 ignoredNamesRegex 三个参数来排除开头是 _ 的变量。
除了使用 ESLint，我们还可以使用 Custom Webpack配置来处理 Underscore 变量。Webpack 是一个强大的 JavaScript 模块打包工具，我们可以使用它来处理未使用的变量。
我们可以在 Webpack 配置中使用 IgnorePlugin 来排除开头是 _ 的变量:
new webpack.IgnorePlugin({
resourceRegExp: /^_.*/
})这个规则将会忽略以 _ 开头的所有变量，不会在打包的时候加载。这样可以减小 JavaScript的文件体积并提高运行效率。
最后，我们来看一下具体的实例：
-- -------------------- ---- ------- -- ------------------------------------------------------------ -- --- - - ------------------ -------- ------ - --- ------ - --- --- ------- - ------- --------- ------ --------- -------- - ------
以上代码中，我们通过在 ESLint 文件中禁用 no-unused-vars-experimental 规则，使用 _ 变量，然后通过 Custom Webpack 配置，将其排除以达到去除未使用的变量的目的。
结论
本文介绍了如何使用 ESLint 和 Custom Webpack配置处理 JavaScript 中的 Underscore 变量，进一步提升了代码的可读性和可维护性。如果你想写出高质量和健壮的 JavaScript 代码，这些技巧是必不可少的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f278c8a44b36ee5766063e