如何为eslint-loader's控制台输出启用颜色？例如，当我运行eslint --color --quiet --cache --format=node_modules/eslint-formatter-pretty .时，输出将用漂亮的白色/黄色/红色/绿色着色。

我正在尝试找到一种为 webpack 启用相同功能的方法eslint-loader。这是我的 eslint 规则：

我正在将我的项目从 tslint 重新配置为 eslint。我可以手动运行 eslint，但 webpack 无法运行并显示以下错误消息：

我已经排除了错误的 .eslintrc.js 和缺少依赖项，因为当我手动运行它时它可以工作 ./node_modules/eslint/bin/eslint.js ./ --ext .ts,.tsx --config ./.eslintrc.js

我不确定这是否是 eslint-loader 的上游问题。

我的 package.json

我只想eslint在修改后的文件上运行。我创建了一个新的运行目标package.json以eslint从命令行 ( git diff --name-only --relative | grep -E '.*\\.(vue|js)$' | xargs eslint --ext .js,.vue) 运行。从理论上讲，这应该可以正常工作，但是当将文件与 webpack 捆绑时，我的项目中发生了一些转换步骤（字符串替换），这将抛出eslint（一些非标准标记将扩展为 JS）。

我有哪些选择，我将如何实施它们？例如，我可以执行一个特定的 webpack 规则/加载器并将结果传递给eslint吗？我看到的另一个选项是包含eslint到 webpack 规则/加载器进程中（而不是从命令行执行它），但是我将如何过滤当前修改的文件（这可以由包含git diff...结果的临时文件处理?)

我正在使用带有craco的 create-react-app (Create-React-App-Configuration-Override)

克拉科不是很异国情调。它只是允许我将我自己的 eslintrc 文件与 create-react-app 一起使用。

我正在尝试使用自定义 eslint 格式化程序，特别是eslint-formatter-friendly 可以满足我的需要（通过 iTerm/Guake 终端链接到行号的文件），但是有很多替代格式化程序：http: //npmsearch.com/ ?q=eslint 格式化程序

我尝试在我的 .eslintrc.js 文件中设置一个format: 'unix'或formatter: 'unix'- 但这不起作用，eslint 明确给出了一个错误，说“无法识别的顶级属性”。

我正在使用eslint和。我的 eslint 有很多规则，以至于它的执行占用了整个构建时间的 50%。eslint-loaderwebpack

我想知道是否有一种方法可以在类似于ForkTsCheckerWebpackPlugin.

我也尝试过使用thread-loader，但随着时间的推移，甚至长大了更多：

npm run serve 工作正常，突然它开始给出同样的错误。我无法理解它的根本原因以及它为什么不起作用。谁能建议如何解决这个问题？

我有一个问题webpack，特别是eslint-loader。

我有一个 JS 文件，代码如下：

最初，当我打电话时npx eslint .，我得到：

"parser": "babel-eslint"由于某种原因，我在某处读过我必须添加到 .eslintrc 的内容。

这确实解决了问题npx eslint，但我仍然有问题npx webpack：

我一定在某处忘记了一些配置，但我似乎找不到在哪里。

要重现这一点，请考虑这个 repo：

https://github.com/slacaze/webpack-eslint-issue

1. npm install
2. npx eslint=> 没有错误（.eslintrc.jsonbabel-eslint用作解析器）
3. npx webpack=> 错误如上

抽象的

• 为了用 webpack 编译 TypeScript，我使用 ts-loader。
• 使用 webpack-dev-server 时，错误信息可能显示不正确。
• 存储库：https ://github.com/pvcresin/eslint-ts-loader-error 。

问题

• eslint-loader 不停止编译，显示 ts-loader 错误。
• 即使重写了 TS 代码，ts-loader 错误仍然是旧的。

程序

1.启动开发服务器：yarn start=webpack-dev-server --mode development

包.json

webpack.config.js

2. 编辑并保存.ts 文件。

main.ts

-> 错误：ts-loader（如预期的那样）

3. 编辑并保存.ts 文件。

-> 错误：eslint-loader、ts-loader（意外）

【预期】当eslint-loader出错时，停止编译，不显示ts-loader的错误。

4. 编辑并保存.ts 文件。

-> 错误：eslint-loader、ts-loader（意外）

ts-loader 错误不是最新的，是旧的！

这是否表明处理不取决于 ts-loader？

我不确定为什么会这样。

是 webpack-dev-server 而不是 eslint-loader 的问题吗？

我需要有人帮助我。

环境

• macOS Catalina v10.15.4
• Node.js v12.16.2
• npm v6.14.4
• 纱线 v1.22.4

我想调试 eslint 规则以进行性能优化。有什么方法可以使用浏览器/命令行/工具对其进行调试？

我的 Vue-Cli 项目基于 Vuexy 模板（非开源）。

我遇到的问题是我禁用的 eslint 规则正在破坏构建。

当我第一次运行时vue-cli-service serve，它构建并运行良好。但是，对源代码的任何更改都会触发 linting，并且应该禁用的规则会显示为错误：

.eslintrc.js看起来像这样：

vue.config.js：

最后是 package.json：

eslint-loader 文档中给出了一些设置，但它们引用了该项目没有的 webpack 配置文件。我想我应该以某种方式把它们放在下面，chainWebpack但我真的不明白那是什么样的。

（我也知道 eslint-loader 已被弃用，但我认为我无法替换它。）

我真的只是想使 eslint 配置即使在热重载期间也能正确应用，所以任何达到这一点的建议都值得赞赏。