Как create-реагировать на приложение показывает ошибки lint с "npm start"?

Question

При использовании create-реагировать-приложение (без настроек) и при вызове npm start создается впечатление, что в отдельных файлах при сохранении возникает задержка, и выводится любая ошибка или предупреждение:

Я пытаюсь перепроектировать, как это работает, но я застрял.

Я почти уверен, что это имеет отношение к husky и / или lint-staged , но мне не удалось воспроизвести это поведение в моем (неразборном) манеже.

Я понимаю, как установить и настроить eslint (и я вижу ошибки / предупреждения при непосредственном вызове eslint), и я смог запустить lint вокруг моих действий Git (то есть pre-commit), используя лайки и lint я чувствую, что близок к решению этой загадки, но я все еще не получаю вывод такого типа при вызове webpack-dev-server .

Какие инструменты используются для отображения вывода eslint во время команды create-реагировать-приложение npm start?

Answer 1

Это функция eslint-loader, которая добавляется к конфигурации веб-пакета в приложении create-реагировать.

{
  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
}

Источник