什么是eslint-formatter-multiple
eslint-formatter-multiple是一个npm包，它为ESLint提供了多种格式化输出选项。通过使用eslint-formatter-multiple，我们可以更好地呈现ESLint的分析结果。通常情况下，ESLint会将报告输出到控制台，但这对于大型和复杂的项目来说并不总是最好的选择。eslint-formatter-multiple 解决了这个问题，并可以生成非常美观并且清晰的输出格式。
安装eslint-formatter-multiple
你可以使用npm或yarn安装eslint-formatter-multiple
npm install eslint-formatter-multiple --save-dev
或者
yarn add eslint-formatter-multiple -D
配置使用eslint-formatter-multiple
一旦安装好了eslint-formatter-multiple，我们就可以在eslint配置文件中配置其使用。使用ESLint的--format选项，可以指定eslint-formatter-multiple生成的输出格式。可以将--format选项指定为"eslint-formatter-multiple"，然后再使用"--multiple-formatters" 指定输出格式。
-- -------------------- ---- -------
-
---------- -
------- ------- -------- --------------------------- --------------------- -------------
--
----------------------- -
------ -
------------ ---------
--
----------- -
------------ -------------------------------
-
-
-在上面的配置文件中，eslintMultipleConfig配置是可选的。在此配置文件中，我们可以添加任意数量的formatter选项，每个选项都包含一个formatter属性和其他配置属性，例如 eslintOptions。
eslint-formatter-multiple示例
我们可以将eslint-formatter-multiple与其他 formatter 一起使用。例如，我们可以将eslint-formatter-multiple与通常的ESLint stylish formatter一起使用。下面是一个使用eslint-formatter-multiple的示例。
-- -------------------- ---- -------
-- ------------
-------------- - -
---
---------- -
------- ------- -------- --------------------------- --------------------- -------------
--
----------------------- -
------ -
------------ ----------
---------------- -
-------- -
------------- -------
-
-
--
----------- -
------------ -------------------------------
-
-
---
-上述配置针对一个TypeScript项目进行了定制。不仅使用了ESLint的默认规则，而且还使用了对TypeScript 友好的规则tslint-eslint-rules。可以看到，我们将cli 和 readonly传递给--multiple-formatters选项，它们被配置在eslintMltipleConfig中，config是eslint-formatter-multiple的部分。cli包含了一个eslintOptions属性，它可以覆盖任意数量的ESLint选项，例如规则（请参见上面的“no-console”规则示例）。readonly只包含formatter属性，指定了一个自定义选项（路径）。其他可选配置属性包括errorCount为true或false，verbose为true或false，或者allowInlineConfig为true或false。
结论
总结一下，eslint-formatter-multiple是一个非常令人愉悦的 NPM包 ， 它使得给出eslint结果被交流和诊断变得更加清晰和有重点 ， 它具有广泛的可定制性和多样性，包括不同的导出格式和可配置的eslint选项，因此如果你经常使用ESLint，尤其对于新手来说，我们可以推荐它 。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006734b890c4f7277583792