create-react-app如何显示带有“ npm start”的棉绒错误？

Question

[虽然使用create-react-app（无自定义）并调用npm start，但在保存单个文件时似乎出现了掉毛，并且显示了任何错误或警告输出：

我正在尝试对它的工作方式进行逆向工程，但被卡住了。

我很确定它与husky和/或lint-staged有关，但是我无法在我的（不可共享的）游戏围栏中复制此行为。

我了解如何设置和配置eslint（并且直接调用eslint时可以看到错误/警告），而且我已经能够使用多壳和皮棉绕我的Git操作（即pre-commit）运行阶段，所以我觉得我已经接近解决这个难题，但是当我调用webpack-dev-server时，仍然没有得到任何此类输出。

使用什么工具来使eslint输出出现在create-react-app npm start命令期间？

Answer 1

[这是eslint-loader的功能，它已添加到create-react-app的webpack配置中。

eslint-loader

{
  test: /\.(js|mjs|jsx|ts|tsx)$/,
  enforce: 'pre',
  use: [{
    options: {
      cache: true,
      formatter: require.resolve('react-dev-utils/eslintFormatter'),
      eslintPath: require.resolve('eslint'),
      resolvePluginsRelativeTo: __dirname,
      // @remove-on-eject-begin
      ignore: isExtendingEslintConfig,
      baseConfig: isExtendingEslintConfig
        ? undefined
        : {
            extends: [require.resolve('eslint-config-react-app')],
          },
      useEslintrc: isExtendingEslintConfig,
      // @remove-on-eject-end
    },
    loader: require.resolve('eslint-loader'),
  }],
  include: paths.appSrc
}