Используя приложение create-react-app и Sublimelinter ESlint вместе

Я использую facebook create-react-app, которые намеренно скрывают всю настройку конфигурации и оставляют нас прекрасная простая файловая структура

прекрасная файловая структура

Это здорово! но есть одна действительно раздражающая вещь, которая появляется:

SublimeLinter больше не работает потому что файл конфигурации .eslintrc больше не находится в корне проекта.

Ключевые моменты

  • Я знаю, что могу добавить другой файл .eslintrc в корневой каталог, но я хотел бы иметь возможность устанавливать свои правила в одном месте.

  • Я знаю, что npm eject можно получить всю структуру проекта, но я хотел бы, чтобы все было просто. иначе он станет просто еще одним шаблоном

  • Я заметил, что в package.json ключ внутри package.json

Что я уже пробовал?

направление, о котором я думал, должно измениться:

"eslintConfig": {
   "extends": "./node_modules/react-scripts/config/eslint.js"
}

to:

"eslintConfig": {
   "extends": "./.eslintrc.js"
}

но, похоже, для него требуются все eslint-плагины (которые магически скрыты от node_modules), поэтому я не уверен, что это правильный путь.

Любые идеи?

Ответы

Ответ 1

SublimeLinter больше не работает, потому что файл конфигурации .eslintrc больше не находится в корне проекта.

Это неверно.

SublimeLinter будет работать отлично, но в настоящее время вам нужно установить несколько вещей во всем мире. Сгенерированные проекты README содержат инструкции для интеграции интеграции IDinter ID:.

Наконец, вам нужно будет установить некоторые пакеты по всему миру:

npm install -g eslint babel-eslint eslint-plugin-react eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-flowtype

Мы понимаем, что это субоптимально, но в настоящее время оно требуется из-за того, как мы скрываем зависимость ESLint. Команда ESLint уже работает над решением этого вопроса, поэтому это может стать ненужным через пару месяцев.

Это, конечно, предполагается, что вы отлично с конфигурацией ESLint, которую мы выбрали для вас.